前言

在移动开发中，时间选择的控件比比皆是，但却鲜有类似的组件可以精确到秒级别的，官方可能是考虑到小屏幕手机的显示问题，也可能是使用的场景寥寥无几，但是少不代表没有，所以最近花了点时间基于 vant 组件库封装了一个可以精确到秒级别的时间选择器。

实现思路

本章我们主要用到了 vant 组件库中的 Popup 弹出层组件搭配 DatetimePicker 组件进行时间选择。通过 props 和 emit 进行组件之间的通信。其实 vant 已经封装好一系列的代码了，我们需要修改的是自定义年月日时分秒的时间数据并将其添加到绑定的数组中即可。话不多说，下面直接看代码的实例。

封装文件

文件目录：src/components/timePicker

使用组件

实现效果

在这里插入图片描述

上一篇：商城县：建设旅游、养老、宜居现代化县在县城做什么新兴行业城商城县：建设旅游、养老、宜居现代化县在县城做什么新兴行业城

下一篇：在新疆青少年心中播撒科学火种——“科学教育天山行”活动启动

vue基于vant封装可精确到秒的时间选择器

前言

实现思路

封装文件

使用组件

实现效果

相关内容

热门资讯