Vue 用Vant实现时间选择器的示例代码
1.查看Vant官网https://youzan.github.io/vant/#/zh-CN/datetime-picker
引入Vant中DatetimePicker组件(全局引入后可直接使用)
importVuefrom'vue'; import{DatetimePicker}from'vant' Vue.use(DatetimePicker);
关键使用代码(结合vant组件Popup的底部弹出层一起使用)
exportdefault{ data(){ return{ dateShow:false, currentDate:newDate() }; } }
效果图
实现点击确定和取消的方法
handleCancel(){ this.dateShow=false; }, //开始时间 handleEndDateConfirm(){ this.dateShow=false; this.titleTime=dateFormat(this.currentDate,'yyyy-MM') },
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。