ElementUI日期选择器时间选择范围限制

    

  <el-date-picker v-model="value" type="date" placeholder="选择日期" :picker-options="pickerOptions"> </el-date-picker>

export default {
  components: {},
  mixins: [],
  data () {
    return {
     pickerOptions: {
       disabledDate: time => { 
        //  return time.getTime() > Date.now() - 8.64e6  // 限制不能选择今天之前的日期（可选今天的日期）

　　　　　// return time.getTime() < Date.now()　　// 限制不能选择今天之前的日期（不能选今天的日期）
        return  time.getTime() < new Date(this.beginTime).getTime() || time.getTime() > new Date(this.endTime).getTime()
       }
      },
         
    }
  }
}

 

2个输入框  开始时间不能大于结束时间

<el-date-picker
       v-model="value1"
       type="date"
       placeholder="开始日期"
       :picker-options="pickerOptions0">
</el-date-picker>
<el-date-picker
       v-model="value2"
       type="date"
       placeholder="结束日期"
       :picker-options="pickerOptions1">
</el-date-picker>

data(){
    return {
         pickerOptions0: {
                disabledDate: (time) => {
                    if (this.value2 != "") {
                        return time.getTime() > Date.now() || time.getTime() > this.value2;
                    } else {
                        return time.getTime() > Date.now();
                    }

                }
            },
            pickerOptions1: {
                disabledDate: (time) => {
                    return time.getTime() < this.value1 || time.getTime() > Date.now();
                }
            },
    }      
}