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

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

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

文档：

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

<el-date-picker
 v-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 = "2020-03-28 00:00:00"
 this.pickerOptions = {
    disabledDate(date){
          return date.getTime() < new Date(time).getTime() ;
    }
}

效果：

以上代码均实践运用过！

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