1.0.1 • Published 2 years ago

nlselect-weapp v1.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

介绍

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协议,请自由地享受和参与开源。