element ui日期选择器:picker-options="pickerOptions"设置禁用状态

项目中离职管理需求为离职日期必须在入职日期到今日之间选择(大于等于入职日期且小于的等于今天日期)

1、如图所示:


日期选择如图.png

2、日期选择器代码如下:


      
  

3、js代码如下:

data () {
    return {
      pickerOptions:{

        // 设置禁用日期
        disabledDate:time=>{

          // 声明date变量等于入职日期
          let date = this.quitForm.entryTime;

          // 当小于入职日期 或 大于等于今日时禁用
          if(date){
            return time.getTime() < new Date(date).getTime() || time.getTime() >= new Date();
          }
        }
      },
    }
  },

你可能感兴趣的:(element ui日期选择器:picker-options="pickerOptions"设置禁用状态)