需求背景:禁止用户在输入内容的时候选择今天以前的日期或者包含今日的日期
设置禁用时间主要为设置组件的此属性=> :picker-options=“pickerOptions”
<el-date-picker
value-format="yyyy-MM-dd"
v-model="form.strategy.date"
type="daterange"
range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期"
:picker-options="pickerOptions">
</el-date-picker>
export default {
data() {
return {
pickerOptions: {
disabledDate(time) {
//此条为设置禁止用户选择今天之前的日期,包含今天。
// return time.getTime() <= (Date.now());
//此条为设置禁止用户选择今天之前的日期,不包含今天。
return time.getTime() < (Date.now()-(24 * 60 * 60 * 1000));
},
//如果不生效,把方法格式改为
//disabledDate:function disabledDate(time) {
//return time.getTime() < (Date.now()-(24 * 60 * 60 * 1000));
//}
}
}
}
}
实现效果如下:
参考element官网组件文档:
https://element.eleme.cn/#/zh-CN/component/date-picker