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

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

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

预览效果

选择可进行时间选择,按照不同需求,可以按照年进行选择、按照月、按照日进行选择,默认是当前时间
自定义时间选择器-前端组件_第1张图片
自定义时间选择器-前端组件_第2张图片
自定义时间选择器-前端组件_第3张图片

一、打开HBuilderX

二、下载插件或者项目

下载地址:https://ext.dcloud.net.cn/plugin?id=2057
自定义时间选择器-前端组件_第4张图片

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

自定义时间选择器-前端组件_第5张图片

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

自定义时间选择器-前端组件_第6张图片
index.vue:首页展示父页面
time.vue :时间展示子组件

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

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

你可能感兴趣的:(前端框架)