IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 一款极简的原生农历日期滚动选择器(小程序版本)体积小,速度快 -> 正文阅读

[移动开发]一款极简的原生农历日期滚动选择器(小程序版本)体积小,速度快

logo

轻量、可靠的农历滚动选择器

🔥 gitee小程序模版 ?


介绍

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

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-09-21 00:40:22  更:2022-09-21 00:43:12 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/25 5:26:32-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码