怎么在Vue中利用Vant实现一个时间选择器？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。
1.查看Vant官网https://youzan.github.io/vant/#/zh-CN/datetime-picker
引入Vant中DatetimePicker组件（全局引入后可直接使用）
import Vue from 'vue';
import { DatetimePicker } from 'vant'
Vue.use(DatetimePicker);关键使用代码（结合vant组件Popup的底部弹出层一起使用）
<van-popup v-model="dateShow" position="bottom">
<van-datetime-picker v-model="currentDate" type="year-month" @cancel="handleCancel"
@confirm="handleEndDateConfirm" />
</van-popup>
export default {
data() {
return {
dateShow: false,
currentDate: new Date()
};
}
}效果图
实现点击确定 和取消的方法
handleCancel () {
this.dateShow = false;
},
//开始时间
handleEndDateConfirm () {
this.dateShow = false;
this.titleTime = dateFormat(this.currentDate, 'yyyy-MM')
},看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注亿速云行业资讯频道，感谢您对亿速云的支持。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
