el-date-picker type="daterange" 根据开始时间限制选择范围

您可以使用`picker-options`属性来限制el-date-picker的选择范围，根据开始时间来限制结束时间的选择范围。可以通过设置`picker-options`的`disabledDate`函数来实现此功能。以下是一个示例代码：

<template>
  <el-date-picker
    v-model="dateRange"
    type="daterange"
    :picker-options="pickerOptions"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      dateRange: [], // 选择的日期范围
      pickerOptions: {
        disabledDate(time) {
          // 如果没有选择开始时间，则禁用所有结束时间
          if (!this.dateRange[0]) {
            return true;
          }
          // 获取选择的开始时间和结束时间
          const startDate = new Date(this.dateRange[0]);
          const endDate = new Date(time);
          // 禁用结束时间早于开始时间的日期
          return endDate < startDate;
        },
      },
    };
  },
};
</script>

在上面的示例中，`pickerOptions`对象中的`disabledDate`函数会根据传入的时间参数来判断该日期是否可选。在函数内部，首先检查是否已选择了开始时间（`this.dateRange[0]`），如果没有选择开始时间，则禁用所有结束时间。如果选择了开始时间，则创建了一个开始日期（startDate）和传入的时间作为结束日期（endDate），然后比较结束日期是否早于开始日期，如果是，则被禁用。

希望这个解决方案对您有所帮助！