antd vue 选择年份组件

当前年份组件只支持antd vue 1.7.8版本

antd日期组件拿到的是moment格式的日期，我在这里使用的是dayjs来进行转换格式的，不用的话可以用其他插件转换日期。

dayjs下载

npm install dayjs

1、创建新的文件  yearDatePicker.vue

<template>
  <div>
    <a-date-picker
      @openChange="openChange"
      @panelChange="panelChange"
      :open="open"
      mode="year"
      style="width: 100%"
      :placeholder="placeholder"
      v-model="value"
      format="YYYY"
    />
  </div>
</template>

<script>
export default {
  props: ['value', 'placeholder'],
  data() {
    return {
      open: false,
    }
  },
  methods: {
    panelChange(value) {
      var dayjs = require('dayjs')
      this.$emit('input', dayjs(value).format('YYYY'))
      this.open = false
    },
    openChange(status) {
      if (status) {
        this.op