el-date-picker 限制时间范围 举例 30天以内

  <el-date-picker
            v-model="startEndExport"
            type="daterange"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            value-format="yyyy-MM-dd"
            clearable
            @change="startExportChange"
            :picker-options="pickerOptions"
          >
          </el-date-picker>
 pickerOptions: {
        onPick: ({ maxDate, minDate }) => {
          this.selectDate = minDate.getTime();
          if (maxDate) {
            this.selectDate = null;
          }
        },
        disabledDate: (time) => {
          if (this.selectDate) {
            const oneDay = 24 * 3600 * 1000;
            const thirtyDays = 30 * oneDay;
            const minTime = this.selectDate - thirtyDays;
            const maxTime = this.selectDate + thirtyDays;
            return time.getTime() < minTime || time.getTime() > maxTime;
          }
          return false;
        },
      },
    startExportChange(val) {
      if (val) {
        this.startTime = val[0];
        this.endTime = val[1];
      } else {
        this.startTime = "";
        this.endTime = "";
      }
    },

 

posted @ 2025-03-18 15:28  ThisCall  阅读(294)  评论(0)    收藏  举报