element 两个时间选择器,前后时间联动

2021-08-18  本文已影响0人  偶头像超凶
案例.png
<el-date-picker size="mini" v-model="value1" type="year" value-format="yyyy" :picker-options="pickerOptions" placeholder="选择年份"></el-date-picker>
至
<el-date-picker size="mini" v-model="value2" type="year" value-format="yyyy" :picker-options="pickerOptions2" placeholder="选择年份"></el-date-picker>
data() {
   return {
        value1: '',
        value2: '',
        pickerOptions: {
            disabledDate: this.disabledDate
         },
         pickerOptions2: {
            disabledDate: this.disabledDate2
         }
    }
}
methods:{
      // 时间选择器第一个禁用
      disabledDate(time) {
          if(this.value2){
              return time.getTime() > Date.parse(this.value2)
          }else{
              return null;
          }
       },
       // 时间选择器第二个禁用
       disabledDate2(time) {
          if(this.value1){
              return time.getTime() < Date.parse(this.value1)
           }else{
              return null;
           }
        }
}
上一篇 下一篇

猜你喜欢

热点阅读