layui 日期选择器的更近一步范围选择

后端大佬要求在日期选择器范围内,缩小到最多选择七天的范围,这可怎么办

<el-date-picker
              v-model="formInline.time2"
              type="datetimerange"
              value-format="yyyy-MM-dd HH:mm:ss"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :disabled="disabledStates"
              :picker-options="pickerOptions"
            ></el-date-picker>

这是html代码;

 

timeOptionRange: string = "";
 
pickerOptions = {
    onPick: time => {
      //当第一时间选中才设置禁用
      if (time.minDate && !time.maxDate) {
        this.timeOptionRange = time.minDate;
      }
      if (time.maxDate) {
        this.timeOptionRange = null;
      }
    },
    disabledDate: time => {
      let timeOptionRange: any = this.timeOptionRange;
      let secondNum = 60 * 60 * 24 * 6 * 1000;
      if (timeOptionRange) {
        return (time.getTime() > timeOptionRange.getTime() + secondNum || time.getTime() < timeOptionRange.getTime() - secondNum);
      }
    }
  };

这是JS代码

完美解决....

posted @ 2019-05-20 16:24  琳琅天上丶彦  阅读(975)  评论(0编辑  收藏  举报