利用ant desigin for vue写的一个时间选择器（只选择年份）

废话不多说，直接上代码

<a-select v-model="queryParam.year" placeholder="请选择检查年份">
  <a-select-option v-for="(item,index) in listYear" :value="item.value" :key="index">{{ item.key }}</a-select-option>
</a-select>

data () {
	return {
		···
		listYear:[],
	}
}
// 加载页面就执行
created () {
  this.initSelectYear();
},
methods: {
	···
   initSelectYear() {
     //初始化"检查年份"下拉框
     let yearRange = 10
     let yearThis = new Date().getFullYear()

     this.listYear = [{
       value: yearThis,
       key: yearThis
     }]
     for (let y = 1; y <= yearRange; y++) {
       this.listYear.unshift({
         value: yearThis - y,
         key: (yearThis - y)
       })
       this.listYear.push({
         value: yearThis + y,
         key: (yearThis + y)
       })
     }
   },
 }

就选择现在的年份，前后各十年，如果需求要很多就自己调一下。