1.0.1 • Published 2 years ago
nlselect-weapp v1.0.1
介绍
nlselect-weapp 为一款极简的农历日期滚动选择器(微信小程序版),功能简单,通过原生的picker进行封装,体积小,速度快。
使用之前
使用教程以及更多小程序教程可以登录抖音、头条、哔哩哔哩等自媒体网站搜索:“成长的前端发开者”
安装
通过 npm 安装 (推荐)
小程序已经支持使用 npm 安装第三方包,详见 npm 支持
# 请先确保项目根目录有package.json文件,如果没有则通过下面代码输入终端初始化
# 初始化 package.json
npm init -y
如果有package.json文件则直接安装
# 通过 npm 安装
npm install nlselect-weapp -S
最后需要构建 npm:
点击开发者工具中的菜单栏:工具 --> 构建 npm
# 使用组件
{
"usingComponents": {
"nlselect": "nlselect-weapp/index"
}
}
接着就可以在 wxml 中直接使用组件
<nlselect catchsubmitValue="calendarSubmit">可以再这传入自定义点击选择文本</nlselect>
再js文件中获取组件传递的值
// 用户点击确认选择农历日期触发
calendarSubmit(e) {
console.log(e)
e.detail.date: "1990-01-01" // 农历日期
e.detail.nlDateText: "1990(庚午年)正月初一" // 农历文本
e.detail.runMonthValue: false // 是否是闰月
},
链接
开源协议
本项目基于 MIT协议,请自由地享受和参与开源。