ant design of VUE 日期选择单选年和单选月

前提 框架版本vue2  和 ant 1.7.3

需求单选年

 ant1.7.3版本没有单选年和月的支持

解决

<a-date-picker mode="year" :value="yearValue" @panelChange="yearPick" format="YYYY"
                    @openChange="yearStatus" :open="isopen" placeholder="选择年份" size="small"  />

1.利用date-picker 的mode 属性，展示面板年mode="year" 和月mode="month"

此时面板就可以展如上图所示了。虽然可以展示年，但是点击是没有效果的

2. 利用事件panelChange 选择日期， 通过open 事件，关闭弹窗

yearPick(e) {// 选择年
      this.yearValue = e
      this.isopen = false
    },

yearStatus(status) {// 选择年后，关闭弹窗
      if (status) {
        this.isopen = true
      } else {
        this.isopen = false
      }
    },

完美解决ant1.73不支持单选年月