iview日期选择器只能选择今年后今年之前的年份

iView是一个基于Vue.js的开源UI组件库，它提供了一个日期选择器组件供开发者使用。对于iview的日期选择器，其默认设置通常是允许用户选择从当前年份开始到过去的任意年份。然而，如果需要限制日期选择器只显示当前年份及其之前的历史年份，这通常不是组件本身内置的功能。

要在iView的DatePicker组件上实现这个自定义功能，你可能需要通过编程方式来处理。你可以通过监听日期选择器的值变化事件，然后在事件回调中检查选中的年份并手动更新选择范围。例如，你可以使用`v-model`绑定一个计算属性，该属性根据当前年份动态过滤可选的年份列表。

以下是基本的步骤：

1. 安装iview及vue相关的依赖项。
2. 在组件中导入DatePicker，并将`v-model`绑定到一个计算属性上。
3. 使用JavaScript来处理计算属性，仅显示过去和当前年份的选项。

<template>
  <div>
    <i-date-picker v-model="selectedDate" :options="{ yearPanelVisible: true }"></i-date-picker>
  </div>
</template>

<script>
import { DatePicker } from 'iview';

export default {
  components: {
    DatePicker
  },
  data() {
    return {
      selectedDate: '',
    };
  },
  computed: {
    availableYears() {
      const currentYear = new Date().getFullYear();
      return Array.from({ length: currentYear + 1 }, (_, i) => i);
    }
  },
  watch: {
    selectedDate(date) {
      if (date && date.getFullYear() > this.currentYear) {
        // 这里可以设置一个最小值，比如当前年份
        this.selectedDate = new Date(this.currentYear, 0, 1);
      }
    }
  },
};
</script>

在这个示例中，`availableYears`计算属性生成一个包含当前年份和前一年份的数组，而`watch`监听器则确保用户无法选择未来的年份。