码迷,mamicode.com
首页 > 其他好文 > 详细

vue element 时间选择器设置禁用日期

时间:2019-09-11 11:40:03      阅读:493      评论:0      收藏:0      [点我收藏+]

标签:rail   alt   off   一个   ret   png   组件   style   disable   

在 el-date-picker 组件中有一个 picker-options 属性

技术图片

 

 

 disabledDate 可以设置日期的可选范围

      <el-date-picker
        v-model="form.trailer.cutoff_time"
        type="datetime"
        value-format="yyyy-MM-dd HH:mm:ss" 
        :picker-options="pickerOptions">
      </el-date-picker>        

data 设置options,当前只设置了过去时间不可选,返回true代表禁用

     data() {
      return {  
        pickerOptions: {
          disabledDate(date){
            let zero=new Date().setHours(0, 0, 0, 0);
            if(date.getTime()<zero){
              return true;
            }
            return false;
          }
        },

展示图

技术图片

 

vue element 时间选择器设置禁用日期

标签:rail   alt   off   一个   ret   png   组件   style   disable   

原文地址:https://www.cnblogs.com/dongzhi1111/p/11505040.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!