Element UI DateTimePicker 日期时间选择器：如何从选择时间往后退一年

可以通过设置 DateTimePicker 组件的属性来实现从选择的开始时间往后退一年的功能。具体实现方法如下：

1. 给 DateTimePicker 组件绑定一个 v-model，用于获取用户选择的时间。
2. 在 DateTimePicker 组件上设置一个 change 事件，当用户选择时间后触发该事件。
3. 在 change 事件中获取用户选择的时间，并将其往后退一年。
4. 将退后一年后的时间设置回 DateTimePicker 组件的 v-model 中，以便显示给用户。

下面是具体的代码实现：

<template>
  <div>
    <el-date-picker
      v-model="date"
      type="datetime"
      @change="handleChange"
    ></el-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      date: new Date(), // 默认当前时间
    };
  },
  methods: {
    handleChange(val) {
      const newDate = new Date(val); // 将选择的时间转换成 Date 对象
      newDate.setFullYear(newDate.getFullYear() - 1); // 往后退一年
      this.date = newDate; // 将退后一年后的时间设置回 v-model 中
    },
  },
};
</script>

在上面的代码中，我们使用了 Date 对象的 setFullYear() 方法来将选择的时间往后退一年。注意，这里需要将选择的时间转换成 Date 对象才能使用 setFullYear() 方法。最后，将退后一年后的时间设置回 v-model 中，即可实现从选择的开始时间往后退一年的功能。