ant design vue 日期选择器只选择年份

组件：

<a-date-picker

mode="year"

placeholder="请选择年份"

format='YYYY'

v-model="form.yearQuarter"

style="width:100%"

:open='yearShowOne'

@openChange="openChangeOne"

@panelChange="panelChangeOne"/>

---

** 属性变量解释，在data中 定义yearShowOne：false 年度打开关闭状态，true为打开，false为关闭**

---

方法调用： methods: {

// 弹出日历和关闭日历的回调

openChangeOne(status) {

if (status){

this.yearShowOne = true

}

},

// 得到年份选择器的值

panelChangeOne(value) {

this.form.yearQuarter = value;

this.yearShowOne = false;

}

}