ant design vue 日期选择器只选择年份
【代码】ant design vue 日期选择器只选择年份。
·
ant design vue 日期选择器只选择年份
<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>
methods: {
// 弹出日历和关闭日历的回调
openChangeOne(status) {
if (status){
this.yearShowOne = true
}
},
// 得到年份选择器的值
panelChangeOne(value) {
this.form.yearQuarter = value;
this.yearShowOne = false;
}
}
原文链接(侵删) ant design vue 日期选择器只选择年份
更多推荐
已为社区贡献3条内容
所有评论(0)