ant design vue 年份选择器

年份选择器默认当前年

控件中需求的格式是moment格式，转过格式后发现每次新建还是要点一下才能识别到。所以可以有下面的方法

show(options){
    this.$nextTick(() => {//nextTick是串行
       this.form.setFieldsValue({year: this.date})//year是a-date-picker的变量
    })
}

data(){
 return{
     date:moment(new Date()).format('YYYY')
 }
}

如果使用设置默认值方法，则控件中的default-value可以去掉。

效果图：

打开页面默认选择当前年

      // 弹出日历和关闭日历的回调
      openChangeOne(status) {
        if (status) {
          this.yearShowOne = true
        }
      },
      // 得到年份选择器的值
      panelChangeOne(value) {
        this.yearShowOne = false
        this.year = value
        this.$nextTick(() => {
          this.form.setFieldsValue({
            year: value,
          })
        })
      },