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

效果:

Ant design Vue a-date-picker实现年份选择
主要通过 focus 实现该日期框的打开和关闭, 使用panelChange 获取当前选择的年份。

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-04
  • 2022-12-23
  • 2021-12-12
猜你喜欢
  • 2022-12-23
  • 2021-10-21
  • 2021-08-28
  • 2021-09-12
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案