elementui 中 el-date-picker 控制选择当前年之前或者之后的年份

在 Element UI 的 el-date-picker 组件中，要控制可选择的年份范围，可以使用 picker-options 属性。以下是一个例子，展示如何设置只能选择当前年份前后几个年份的日期选择器：

<template>
  <el-date-picker
    v-model="value"
    type="year"
    placeholder="选择年"
    :picker-options="pickerOptions">
  </el-date-picker>
</template>
 
<script>
export default {
  data() {
    return {
      value: '',
      pickerOptions: {
        // 可以选择的年份范围，这里设置为当前年份前后5个年份
        disabledDate(time) {
          let currentYear = new Date().getFullYear();
          let earliestYear = currentYear - 5; // 最早可选的年份
          let latestYear = currentYear + 5; // 最晚可选的年份
          return (
            time.getFullYear() < earliestYear ||
            time.getFullYear() > latestYear
          );
        }
      }
    };
  }
};
</script>

在这个例子中，el-date-picker 被设置为只能选择前后5个年份范围内的年份。你可以根据需要调整 earliestYear 和 latestYear 的值来控制可选择的年份范围。