微信小程序农历日期选择器 lunar-picker

互联网 2022/1/14 14:03:26

lunar-picker 是一款微信小程序农历日期选择器组件,内部使用 picker-view 、picker-view-column 组件封装;涉及到农历日期的换算使用了calendar.js。使用 lunar-picker 的使用与微信官方组件 picker 日期选择器类似。将components、js文件夹下载到对应的项目目录 在需要…

lunar-picker 是一款微信小程序农历日期选择器组件,内部使用 picker-view 、picker-view-column 组件封装;涉及到农历日期的换算使用了calendar.js。

使用

lunar-picker 的使用与微信官方组件 picker 日期选择器类似。

  1. 将components、js文件夹下载到对应的项目目录
  2. 在需要使用农历日期选择器的页面json文件中 (注意路径)
  "usingComponents": {
    "lunar-picker": "../../components/lunar-picker"
  },

  3.在wxml中

<view slot="footer" class="footer_style" >
    <lunar-picker bindconfirm="handleLunarDateConfirm" value="{{ pickedLunarDate }}">
        <view>{{ pickedLunarDate }}</view>
    </lunar-picker>
</view>

  

属性

属性名类型默认值说明
value string 当天 若不提供value或格式有误,将使用当天的农历日期作为默认日期
bindchange eventhandle   滚动触发的 change 事件
bindconfirm eventhandle   点击确定触发的 confirm 事件

 

event.detail =  {
    Animal: "狗"
    IDayCn: "廿一"
    IMonthCn: "五月"
    Term: null
    astro: "巨蟹座"
    cDay: 4
    cMonth: 7
    cYear: 2018
    date: "2018-7-4"
    festival: null
    format: "2018 戊戌 五月 廿一"
    gzDay: "丁酉"
    gzMonth: "戊午"
    gzYear: "戊戌"
    isLeap: false
    isTerm: false
    isToday: false
    lDay: 21
    lMonth: 5
    lYear: 2018
    lunarDate: "2018-5-21"
    lunarFestival: null
    nWeek: 3
    ncWeek: "星期三"
}

注意

农历日期的统一格式为:

"2021 辛丑 正月 初一"

中间使用空格分隔,暂不支持自定义。

项目地址: lunar-picker 选择器

 

随时随地学软件编程-关注百度小程序和微信小程序
关于找一找教程网

本站文章仅代表作者观点,不代表本站立场,所有文章非营利性免费分享。
本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章,希望广大程序员努力学习,让我们用科技改变世界。
[微信小程序农历日期选择器 lunar-picker]http://www.zyiz.net/tech/detail-285034.html

赞(0)
关注微信小程序
程序员编程王-随时随地学编程

扫描二维码或查找【程序员编程王】

可以随时随地学编程啦!

技术文章导航 更多>
扫一扫关注最新编程教程