element-UI日期范围选择,往前往后的固定天数

389 阅读1分钟
<el-date-picker
              v-model="week"
              type="daterange"
              @change='changeDay'
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :picker-options="closeTime">
            </el-date-picker>
    closeTime:{
        disabledDate(time) {
            let timeOptionRange = vue.timeOptionRange;
            let secondNum = 60*60*24*8*1000;
            if(timeOptionRange){
           //这里我的是前后8天可选,必须选择8整天,选择后包括就是9天
                return (time.getTime() !== timeOptionRange.getTime() + secondNum && time.getTime() !== timeOptionRange.getTime() - secondNum) || time.getTime() > Date.now() - 8.64e6
            }else{
            //这个是禁止选择当天后面的日期
              return time.getTime() > Date.now() - 8.64e6
            }
        },
        onPick(time){
            //当第一时间选中才设置禁用
            if(time.minDate && !time.maxDate){
                vue.timeOptionRange = time.minDate;
            }
            if(time.maxDate){
                vue.timeOptionRange = null;
            }
        }
      },