【JEECGBOOT】VUE日期组件，只选择年份

目录

1、代码

2、参考资料

---

说明：Ant design VUE DatePicker mode=year 选择年份无效，可使用该方法解决。

1、代码

<a-date-picker
	:value="year"
	mode="year"
	format="YYYY"
	:open="isopen"
	placeholder="选择年份"
	@change="onChange"
	@openChange="handYearChange"
	@panelChange="panelYearChange"
/>

data () {
  return {
    yearString: '',
    isopen:false, // 日历弹出的状态
    year:null // moment格式
  }
}

methods{
	// onchange只有在点击清除按钮时触发
	onChange(){
		this.year = null;
		this.yearString = ''
	},
	handYearChange(open){
		if(open){
		  this.isopen=true
		} else {
		  this.isopen=false
		}
	},
	panelYearChange(value){
		this.year = value
		this.yearString = moment(value).format('YYYY')
		this.isopen = false
	}
}

2、参考资料

1、Ant design VUE DatePicker mode=year 选择年份无效
http://www.5imoban.net/jiaocheng/bootstrap/202211155137.html