vue 使用element中的el-date-picker type="daterange" 选择开始时间到结束时间 范围不能超过365天

在Vue中使用Element UI的`el-date-picker`组件时，如果你想限制用户选择的时间范围不超过一年（即365天），你可以通过JavaScript监听日期选择器的变化事件，并在事件处理函数中检查两个选定日期之间的差值。这里提供一种基本的实现思路：

首先，在HTML模板里设置日期选择器并绑定相应的数据属性：

<el-date-picker
  v-model="dateRange"
  type="daterange"
  :min-date="minDate"
  placeholder="选择日期">
</el-date-picker>

然后，在Vue的data部分定义`dateRange`、`minDate`：

data() {
  return {
    dateRange: [],
    minDate: new Date(),
  };
},

接下来，在`methods`里添加一个方法来处理日期范围的验证：

methods: {
  handleDateChange(start, end) {
    // 计算日期差值，单位为毫秒
    const diff = Math.abs(end.getTime() - start.getTime());
    
    // 如果差值大于一年（365天）
    if (diff > (365 * 24 * 60 * 60 * 1000)) {
      this.dateRange = [];
      // 或者在这里显示错误信息或禁止提交表单
      console.error('时间范围超过了1年');
      // 可能需要阻止默认的行为
      event.preventDefault();
    } else {
      this.dateRange = [start, end];
    }
  },
},

最后，在`el-date-picker`的`change`事件上绑定`handleDateChange`方法：

<el-date-picker
  ... <!-- 其他属性 -->
  @change="handleDateChange"
></el-date-picker>

这样，当用户选择的日期范围超过一年时，会选择器会恢复为空，且不会触发后续操作。