antd日期选择框只能选择年份


vue页面代码:

<h4 class="mt10">年度</h4>
<a-date-picker mode="year" v-model="year" format="YYYY" :open='yearShowOne' @openChange="openChangeOne"  @panelChange="onYearChange" style="display: block; width: 100%"/>

导入moment :

import moment from 'moment'

data数据:

data(){
    return {
        year:null,
        yearShowOne:false
    },
  }
},

methods方法:

// 弹出日历和关闭日历的回调
openChangeOne(status){
    //status是打开或关闭的状态
    if(status){
        this.yearShowOne =  true
    }
},
// 得到年份选择器的值
onYearChange(value){
    this.year = moment(value).format('YYYY');
    this.yearShowOne = false
},    


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM