自定义时间选择器-前端组件

预览效果

选择可进行时间选择,按照不同需求,可以按照年进行选择、按照月、按照日进行选择,默认是当前时间
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

一、打开HBuilderX

二、下载插件或者项目

下载地址:https://ext.dcloud.net.cn/plugin?id=2057
在这里插入图片描述

三、解压下来,文件-导入-本地导入

在这里插入图片描述

四、打开pages/index/index.vue和components/time.vue两个文件

在这里插入图片描述
index.vue:首页展示父页面
time.vue :时间展示子组件

五、运行到你想要的平台(微信小程序、H5、支付宝小程序、qq小程序等),点击运行,即可进行使用。

注:下一篇文章将为大家讲解具体的实现逻辑与代码展示,请关注我哦,分享更多干货!!!