自定義時間選擇器-前端組件

預覽效果

選擇可進行時間選擇,按照不同需求,可以按照年進行選擇、按照月、按照日進行選擇,默認是當前時間
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

一、打開HBuilderX

二、下載插件或者項目

下載地址:https://ext.dcloud.net.cn/plugin?id=2057
在這裏插入圖片描述

三、解壓下來,文件-導入-本地導入

在這裏插入圖片描述

四、打開pages/index/index.vue和components/time.vue兩個文件

在這裏插入圖片描述
index.vue:首頁展示父頁面
time.vue :時間展示子組件

五、運行到你想要的平臺(微信小程序、H5、支付寶小程序、qq小程序等),點擊運行,即可進行使用。

注:下一篇文章將爲大家講解具體的實現邏輯與代碼展示,請關注我哦,分享更多幹貨!!!