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

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

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

文档:Vue学习笔记:Element时间控件设置某一个日期禁止选择_第1张图片

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


 

在data中定义pickerOptions

设置当天之前禁止选择:

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

效果:

Vue学习笔记:Element时间控件设置某一个日期禁止选择_第2张图片

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

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

效果:

Vue学习笔记:Element时间控件设置某一个日期禁止选择_第3张图片

以上代码均实践运用过!

个人笔记,感谢阅读,欢迎点赞关注!!!!!!!!!!!!!!

 

 

 

你可能感兴趣的:(Vue学习笔记,vue,elementui,前端)