el-date-picker type="daterange" 根据第一个选择的时间，限制时间范围往前和往后各一个月

要根据第一个选择的时间来限制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 earliestDate = new Date(startDate.getFullYear(), startDate.getMonth() - 1, startDate.getDate());
          const latestDate = new Date(startDate.getFullYear(), startDate.getMonth() + 1, startDate.getDate());

          // 禁用不在范围内的日期
          return time < earliestDate || time > latestDate;
        },
      },
    };
  },
};
</script>

在上面的示例中，`pickerOptions`对象中的`disabledDate`函数会根据传入的时间参数来判断该日期是否可选。首先检查是否已选择了开始时间（`this.dateRange[0]`），如果没有选择开始时间，则禁用所有日期。如果选择了开始时间，则创建了一个最早日期（earliestDate）和最晚日期（latestDate），分别为开始日期的前一个月和后一个月。然后，将传入的日期与最早和最晚日期进行比较，如果不在范围内，则被禁用。

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