element 时间选择器时间跨度设置 7天

 

     <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>
  public timeOptionRange: string = "";

  public 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);
      }
    }
  };

猜你喜欢

转载自blog.csdn.net/github_38281308/article/details/88665325