ant design vue 日期选择器只选择年份
1 2 3 4 5 6 7 8 9 10 11 12 13 | < a-form-model :model="form" :label-col="labelCol" :wrapper-col="wrapperCol"> < a-form-model-item label="年度/季度" > < a-date-picker mode="year" placeholder="请选择年份" format='YYYY' v-model="form.yearQuarter" style="width:100%" :open='yearShowOne' @openChange="openChangeOne" @panelChange="panelChangeOne"/> </ a-form-model-item > </ a-form-model > |
年度打开关闭状态,true为打开,false为关闭
yearShowOne: false
1 2 3 4 5 6 7 8 9 10 11 12 13 | methods: { // 弹出日历和关闭日历的回调 openChangeOne(status) { if (status){ this .yearShowOne = true } }, // 得到年份选择器的值 panelChangeOne(value) { this .form.yearQuarter = value; this .yearShowOne = false ; } } |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步