Vue学习笔记：Element时间控件设置某一个日期禁止选择

Vue学习笔记：Element时间控件添加一段时间禁止选择

需求：时间控件，当天之前禁止选择，某一个日期的之前时间禁止选择

文档：

代码实现：在时间控件上添加:picker-options="pickerOptions"

<el-date-pickerv-model="addForm.ruleForm.approveEndTime"type="date"placeholder="年/月/日"format="yyyy/MM/dd HH:mm:ss"value-format="yyyy-MM-dd HH:mm:ss":picker-options="pickerOptions"></el-date-picker>

在data中定义pickerOptions

设置当天之前禁止选择：

this.pickerOptions = {disabledDate(date){return date.getTime() < Date.now() - 24 * 60 * 60 * 1000;}}

效果：

设置某一个日期的之前时间禁止选择：

var time = "-03-28 00:00:00"this.pickerOptions = {disabledDate(date){return date.getTime() < new Date(time).getTime() ;}}

效果：

以上代码均实践运用过！

个人笔记，感谢阅读，欢迎点赞关注！！！！！！！！！！！！！！