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

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

  <el-date-picker
                  clearable
                  v-model="recognitionTime"
                  type="datetimerange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  :picker-options="pickerOptions"
                >
                </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
          );
        },
      },