Element-UI DateTimePicker 任意年份选择：代码实现

<template>
  <div>
    <el-date-picker
      v-model="date"
      type="datetime"
      :picker-options="pickerOptions"
      @change="handleChange">
    </el-date-picker>
  </div>
</template>
<script>
export default {
  data() {
    return {
      date: '',
      pickerOptions: {
        ranges: [{
          start: new Date('1900'),
          end: new Date('2100')
        }]
      }
    };
  },
  methods: {
    handleChange(val) {
      console.log(val);
    }
  }
};
</script>
<p>在上面的代码中，我们将 picker-options 属性设置为一个对象，对象中包含一个 ranges 属性，ranges 属性是一个数组，我们将数组中的第一个元素设置为一个包含 start 和 end 属性的对象，start 属性设置为 1900 年 1 月 1 日，end 属性设置为 2100 年 12 月 31 日，这样就允许选择任意一年。</p>
<p>需要注意的是，我们在设置 start 和 end 属性时，需要使用 Date 对象来表示日期。</p>