# nlselect-weapp

> 一款极简、轻量的农历日期滚动选择器（微信小程序版）

Latest version **1.0.1** (published 2022-09-29) · MIT license · 0 weekly downloads

## Install

```sh
npm install nlselect-weapp
pnpm add nlselect-weapp
yarn add nlselect-weapp
bun add nlselect-weapp
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2022-09-29 |
| First published | 2022-09-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 69.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | laimao |
| Maintainers | laimaodashuaige |

## Links

- npm: https://www.npmjs.com/package/nlselect-weapp
- npm.io page: https://npm.io/package/nlselect-weapp

## Recent versions

- 1.0.1 (latest) — 2022-09-29
- 1.0.0 — 2022-09-14

## README

<p align="center">
  <img alt="logo" src="https://alymxagsty.cdn.bspapp.com/ALYMXAGSTY-8f6d3039-9d62-4bf6-93ad-fa2f642b2db4/d54b9f6a-8273-4eb1-85fa-99897435bd54.png" width="120" style="margin-bottom: 10px;">
</p>
<h3 align="center">轻量、可靠的农历滚动选择器</h3>

<p align="center">
  🔥 <a href="https://gitee.com/laimaodashuaige/nlselect-weapp">gitee小程序模版</a>
  &nbsp;
</p>

---

## 介绍

nlselect-weapp 为一款极简的农历日期滚动选择器（微信小程序版），功能简单，通过原生的picker进行封装，体积小，速度快。



## 使用之前

使用教程以及更多小程序教程可以登录抖音、头条、哔哩哔哩等自媒体网站搜索：“[成长的前端发开者](https://www.toutiao.com/c/user/token/MS4wLjABAAAABFs5Hqtj6JPO8N4KP3dKoqmmLcwHtRbaVFVad7l8vIWFCIVuML2LHklXtmtybfor/?)”

微信官方的 [小程序简易教程](https://developers.weixin.qq.com/miniprogram/dev/framework/) 和 [自定义组件介绍](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/)。

## 安装

### 通过 npm 安装 (推荐)

小程序已经支持使用 npm 安装第三方包，详见 [npm 支持](https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html?search-key=npm)


```bash
# 请先确保项目根目录有package.json文件，如果没有则通过下面代码输入终端初始化
# 初始化 package.json
npm init -y
```
如果有package.json文件则直接安装
```bash
# 通过 npm 安装
npm install nlselect-weapp -S
```
### 最后需要构建 npm：
#### 点击开发者工具中的菜单栏：工具 --> 构建 npm

```json
# 使用组件
{
  "usingComponents": {
    "nlselect": "nlselect-weapp/index"
  }
}
```

接着就可以在 wxml 中直接使用组件

```html
<nlselect catchsubmitValue="calendarSubmit">可以再这传入自定义点击选择文本</nlselect>
```

再js文件中获取组件传递的值
```js
  // 用户点击确认选择农历日期触发
  calendarSubmit(e) {
    console.log(e)
    e.detail.date: "1990-01-01" // 农历日期
	e.detail.nlDateText: "1990(庚午年)正月初一" // 农历文本
	e.detail.runMonthValue: false // 是否是闰月
  },
```

## 链接

* [意见反馈](https://gitee.com/laimaodashuaige/nlselect-weapp/issues)
* [头条](https://www.toutiao.com/c/user/token/MS4wLjABAAAABFs5Hqtj6JPO8N4KP3dKoqmmLcwHtRbaVFVad7l8vIWFCIVuML2LHklXtmtybfor/?)
* [抖音](https://www.douyin.com/user/MS4wLjABAAAA88Gy2wBVxkg7pcD1waucvAoeGtrSM9wRsEeDTN_-RhLI3tHMQm_bddxK7SAfHOJn)
* [哔哩哔哩](https://space.bilibili.com/435392123)

## 开源协议

本项目基于 MIT协议，请自由地享受和参与开源。

---
_Source: https://npm.io/package/nlselect-weapp · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._