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

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

1、如图所示：


日期选择如图.png

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

<el-form-item label="离职日期" prop="leaveTime">
      <el-date-picker format="yyyy-MM-dd" v-model="quitForm.leaveTime" :picker-options="pickerOptions" type="date" placeholder="选择离职日期"></el-date-picker>
 </el-form-item>

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();
          }
        }
      },
    }
  },
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容