首页 / VUE / ant design vue 日期选择器只选择年份

ant design vue 日期选择器只选择年份

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ant design vue 日期选择器只选择年份，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含679字，纯文字阅读大概需要1分钟。

内容图文

技术分享图片

 

<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

 

methods: {
     // 弹出日历和关闭日历的回调
      openChangeOne(status) {
            if (status){
                this.yearShowOne =  true
            }
        },
     // 得到年份选择器的值
     panelChangeOne(value) {
            this.form.yearQuarter = value;
            this.yearShowOne = false;
        }
}

原文：https://www.cnblogs.com/theblogs/p/14586357.html

内容总结

以上是互联网集市为您收集整理的ant design vue 日期选择器只选择年份全部内容，希望文章能够帮你解决ant design vue 日期选择器只选择年份所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1118956.html

来源：【匿名】