輕量、可靠的農(nóng)歷滾動(dòng)選擇器

🔥 gitee小程序模版 ?

---

介紹

nlselect-weapp 為一款極簡(jiǎn)的農(nóng)歷日期滾動(dòng)選擇器（微信小程序版），功能簡(jiǎn)單，通過(guò)原生的picker進(jìn)行封裝，體積小，速度快。

使用之前

使用教程以及更多小程序教程可以登錄抖音、頭條、嗶哩嗶哩等自媒體網(wǎng)站搜索：“前端發(fā)開(kāi)者賴(lài)毛”

微信官方的 小程序簡(jiǎn)易教程 和 自定義組件介紹。

安裝

通過(guò) npm 安裝 (推薦)

小程序已經(jīng)支持使用 npm 安裝第三方包，詳見(jiàn) npm 支持

# 請(qǐng)先確保項(xiàng)目根目錄有package.json文件，如果沒(méi)有則通過(guò)下面代碼輸入終端初始化 # 初始化 package.json npm init -y

如果有package.json文件則直接安裝

# 通過(guò) npm 安裝 npm install nlselect-weapp -S

最后需要構(gòu)建 npm：

點(diǎn)擊開(kāi)發(fā)者工具中的菜單欄：工具 --> 構(gòu)建 npm

# 使用組件 {"usingComponents": {"nlselect": "nlselect-weapp/index"} }

接著就可以在 wxml 中直接使用組件

<nlselect catchsubmitValue="calendarSubmit"></nlselect>

再js文件中獲取組件傳遞的值

// 用戶(hù)點(diǎn)擊確認(rèn)選擇農(nóng)歷日期觸發(fā)calendarSubmit(e) {console.log(e)e.detail.date: "1990-01-01" // 農(nóng)歷日期e.detail.nlDateText: "1990(庚午年)正月初一" // 農(nóng)歷文本e.detail.runMonthValue: false // 是否是閏月},

鏈接

• 意見(jiàn)反饋
• 頭條
• 抖音
• 嗶哩嗶哩

開(kāi)源協(xié)議

本項(xiàng)目基于 MIT協(xié)議，請(qǐng)自由地享受和參與開(kāi)源。

總結(jié)

以上是生活随笔為你收集整理的一款极简的原生农历日期滚动选择器(小程序版本)体积小，速度快的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。