天天看点

自定义时间选择器-前端组件预览效果

自定义时间选择器(按年、按月、按日)

  • 预览效果
    • 一、打开HBuilderX
    • 二、下载插件或者项目
    • 三、解压下来,文件-导入-本地导入
    • 四、打开pages/index/index.vue和components/time.vue两个文件
    • 五、运行到你想要的平台(微信小程序、H5、支付宝小程序、qq小程序等),点击运行,即可进行使用。
    • 注:下一篇文章将为大家讲解具体的实现逻辑与代码展示,请关注我哦,分享更多干货!!!

预览效果

选择可进行时间选择,按照不同需求,可以按照年进行选择、按照月、按照日进行选择,默认是当前时间

自定义时间选择器-前端组件预览效果
自定义时间选择器-前端组件预览效果
自定义时间选择器-前端组件预览效果

一、打开HBuilderX

二、下载插件或者项目

下载地址:https://ext.dcloud.net.cn/plugin?id=2057

自定义时间选择器-前端组件预览效果

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

自定义时间选择器-前端组件预览效果

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

自定义时间选择器-前端组件预览效果

index.vue:首页展示父页面

time.vue :时间展示子组件

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

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