Element UI DateTimePicker 日期时间选择器 - 禁用一年外的时间

<template>
  <div>
    <el-date-picker
      v-model="startDate"
      type="datetime"
      @change="handleChange"
      :disabled-date="disabledDate"
    ></el-date-picker>
  </div>
</template>
<script>
export default {
  data() {
    return {
      startDate: null
    };
  },
  methods: {
    handleChange(value) {
      // 获取选择的开始时间
      this.startDate = value;
    },
    disabledDate(date) {
      // 判断日期是否在一年内
      const oneYearAgo = new Date(this.startDate);
      oneYearAgo.setFullYear(oneYearAgo.getFullYear() - 1);
      return date < oneYearAgo || date > new Date();
    }
  }
};
</script>
<p>在上面的代码中，我们通过 disabledDate 函数来判断日期是否在一年内，其中 oneYearAgo 变量表示选择的开始时间往前一年的时间，如果日期小于 oneYearAgo 或大于当前时间，则该日期被禁用。</p>