https://www.antdv.com/docs/vue/faq-cn/
代碼實現:
當前需要對組件a-date-picker進行改造,如下:
html:
<a-date-picker
mode="year"
format="YYYY"
:value="state.time"
:open="state.isopen"
placeholder="請選擇年份"
@focus="changeopen"
@panelChange="handlePanelChange1">
</a-date-picker>
JS:
JavaScript
handlePanelChange1(value, mode) {
this.mode1 = mode
console.log(value);
console.log(mode);
this.state.time = value
this.state.isopen = false
},
changeopen() {
this.state.isopen = true;
}
效果:
主要通過 focus 實現該日期框的打開和關閉, 使用panelChange 獲取當前選擇的年份。

