el-date-picker设置时间范围picker-options使用

el-date-picker使用的时候遇到设置范围,例如七天范围

  
                

 配置项

      pickerOptions: {
        onPick: (time) => {
          // 选择开始时间未选择结束时间
          if (time.minDate && !time.maxDate) {
            this.timeOptionRange = time.minDate;
          }
          if (time.maxDate) {
            this.timeOptionRange = null;
          }
        },
        disabledDate: (time) => {
          let timeOptionRange = this.timeOptionRange;
          let secondNum = 1000 * 60 * 60 * 24 * 7;
          if (!timeOptionRange) {
            return time.getTime() > Date.now() - 8.64e6;
          }
          if (timeOptionRange.getTime() + secondNum > Date.now() - 8.64e6) {
            return (
              time.getTime() > Date.now() - 8.64e6 ||
              time.getTime() < timeOptionRange.getTime() - secondNum
            );
          }
          return (
            time.getTime() > timeOptionRange.getTime() + secondNum ||
            time.getTime() < timeOptionRange.getTime() - secondNum
          );
        },
      },

 

你可能感兴趣的:(vue.js,elementui,前端)