template 部分
<el-date-picker
v-model="form.effectivetime1"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:disabled-date="disabledDate"
:disabled-hours="disabledHour"
:disabled-minutes="disabledMinute"
:disabled-seconds="disabledSecond"
>
</el-date-picker>
js 数据部分
/* 禁用时 */
const disabledHour = () => {
const arrs = []
for (let i = 0; i < 24; i++) {
if (new Date().getHours() <= i) continue;
arrs.push(i)
}
return arrs;
}
/* 禁用分 */
const disabledMinute = () => {
const arrs = []
for (let i = 0; i < 60; i++) {
if (new Date().getMinutes() <= i) continue;
arrs.push(i)
}
return arrs;
}
/* 禁用秒 */
const disabledSecond = () => {
const arrs = []
for (let i = 0; i < 60; i++) {
if (new Date().getSeconds() <= i) continue;
arrs.push(i)
}
return arrs;
}
js 方法部分
//禁用当前日期之前的日期
function disabledDate(time) {
//Date.now()是javascript中的内置函数,它返回自1970年1月1日00:00:00 UTC以来经过的毫秒数。
return time.getTime() < Date.now() - 8.64e7;
}