el-date-picker根据某个时间动态规定可选的的时间范围

el-date-picker组件根据某一个时间段来动态规定当前时间选择的日期时间范围

例如：开始时间为2024-8-19，规定可循范围为30天的话，可选范围是2024-8-19至2024-9-19号之间

html

<el-date-picker

                class="date"

                type="date"

                format="YYYY-MM-DD 23:59:59"

                value-format="YYYY-MM-DD 23:59:59"

                v-model="endTime"

                clearable

                placeholder="结束日期"

                style="max-width: 180px"

                :disabled-date="disabledDate"

              >

              </el-date-picker>

javascript

const disabledDate = (time: Date) => {

  if (startTime) {

    const thirtyDaysLater = new Date(new Date(startTime).getTime() + 30 * 24 * 60 * 60 * 1000); // 开始时间30天后的时间  

    const startTimeDate = new Date(startTime); // 开始时间的Date对象

    return time.getTime() > thirtyDaysLater.getTime() || time.getTime() < startTimeDate.getTime();

  }

};