微信小程序農曆日期選擇器 lunar-picker

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 選擇器