需求背景:禁止用户在输入内容的时候选择今天以前的日期或者包含今日的日期
设置禁用时间主要为设置组件的此属性=> :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


本文介绍如何使用Vue的Element UI库中日期选择器组件的picker-options属性,通过设置disabledDate方法来禁用用户选择当前日期及之前的所有日期。提供了一段具体的代码示例,展示了如何实现这一功能。
1万+

被折叠的 条评论
为什么被折叠?



