element-ui中DateTimePicker 日期时间选择器单次最长可选择任意一年代码怎么写

在element-ui中，DateTimePicker组件可以通过设置picker-options属性来限制可选日期时间的范围。如果要允许选择任意一年，可以将picker-options属性设置为一个对象，对象中包含一个ranges属性，ranges属性是一个数组，用于设置可选的日期范围，每个元素都是一个包含start和end属性的对象，start和end属性分别表示该范围的开始日期和结束日期。

具体代码如下：

<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>

在上面的代码中，我们将picker-options属性设置为一个对象，对象中包含一个ranges属性，ranges属性是一个数组，我们将数组中的第一个元素设置为一个包含start和end属性的对象，start属性设置为1900年1月1日，end属性设置为2100年12月31日，这样就允许选择任意一年。

需要注意的是，我们在设置start和end属性时，需要使用Date对象来表示日期。