526互联

elementplus的日期时间限制只能选择当前时间以后的(限制到时分秒)

发布时间 2023-12-12 10:17:29作者: 干饭吧

const state = reactive({ value:'', lastDate:'2023-10-27 12:20:30' }) // 限制日期 const disabledDateFn = (date) => { if (date.getTime() < new Date(state.lastDate).getTime() - 8.64e7) { return true; } return false; }; // 限制小时 const disabledHours = () => { const a = []; //选中的年月日 const value = dayjs(state.value).format('YYYY-MM-DD'); //指定日期的年月日 const lastDate = dayjs(state.lastDate).format('YYYY-MM-DD'); // 选中日期不等于指定日期，不限制 if (value !lastDate) { return; } for (let i = 0; i < 24; i++) { if (new Date(state.lastDate).getHours() >= i) {//此处添加等于号，是可以选择将来的时间的时分秒正常格式 a.push(i); } } return a; }; // 限制分钟 const disabledMinutes = () => { const a = []; const value = dayjs(state.value).format('YYYY-MM-DD'); const lastDate = dayjs(state.lastDate).format('YYYY-MM-DD'); if (value !lastDate) { { return; } for (let i = 0; i < 60; i++) { if (new Date(state.lastDate).getMinutes() >= i) { a.push(i); } } return a; }; // 限制毫秒 const disabledSeconds = () => { const a = []; const value = dayjs(state.value).format('YYYY-MM-DD'); const lastDate = dayjs(state.lastDate).format('YYYY-MM-DD'); if (value !==lastDate){ return; } for (let i = 0; i < 60; i++) { if (new Date(state.lastDate).getSeconds() >= i) { a.push(i); } } return a; };