找回密码
 立即注册

QQ登录

只需一步,快速开始

[Demo源码] 微信小程序组件:公农历日期选择器

[复制链接]
查看: 1090|回复: 208
最佳答案
0 

3

主题

3

帖子

80

积分

新人求带

积分
80
 楼主| 发表于 2018-10-16 15:40:38 | 显示全部楼层 |阅读模式
微信小程序公农历日期选择器组件(rui-datepicker-wxapp)

支持公历农历切换,带时辰和不带时辰...

时间区间:1940-2-8至明年12-31(可修改代码调整)

68747470733a2f2f63646e2e6368656e72662e636f6d2f6162632e676966.gif

使用方法
  1. <!-- wxml加载组件,指定组件ID,设置回调函数 -->
  2. <rui-datepicker id="ruiDatepicker" bind:confirm="dateConfirm"></rui-datepicker>
复制代码
  1. // json载入组件
  2. {
  3.     "usingComponents": {
  4.         "rui-datepicker": "/components/rui-datepicker"
  5.     }
  6. }
复制代码
  1. // 获取日期组件对象实例,并初始化配置
  2. this.selectComponent("#ruiDatepicker").init({
  3.     date: '2017-12-31',
  4.     hour: '-1',
  5.     lunar: false
  6. });
复制代码

具体参数配置及其默认参数:
  1. confirm: true,          //是否需要确认
  2. date: '1991-12-31',     //默认日期(新历)
  3. hour: '-1',             //默认时辰,未知
  4. showHour: true,         //是否有时辰选项
  5. lunar: true,            //默认展示农历
复制代码

统一确认回调函数上面绑定的 bind:confirm:
  1. dateConfirm(event) {
  2.     console.log(event.detail)
  3. }
复制代码

event.detail对应的数据:
  1. year: 1991          //公历年
  2. month: 12           //公历月
  3. day: 31             //公历日
  4. hour: -1            //时辰,-1未知时辰
  5. isLeap: false       //农历是否是闰年
  6. lYear: 1991         //农历年
  7. lMonth: 11          //农历月
  8. lDay: 26            //农历日
  9. lastTab: "solar"    //最后选择的是农历(lunar)还是公历(solar)

  10. lunarStr: "农历:1991年十一月廿六 时辰未知"
  11. solarStr: "公历:1991年12月31日 时辰未知"
  12. thisStr: "公历:1991年12月31日 时辰未知"
复制代码

rui-datepicker-wxapp-master.zip (162.15 KB, 下载次数: 44)
回复

使用道具 举报

发表于 2018-10-16 15:44:10 | 显示全部楼层
谢谢分享!
回复

使用道具 举报

发表于 2018-10-16 15:44:13 | 显示全部楼层
谢谢分享!
回复

使用道具 举报

发表于 2018-10-16 15:44:15 | 显示全部楼层
谢谢分享!
回复

使用道具 举报

发表于 2018-10-16 15:44:18 | 显示全部楼层
谢谢分享!
回复

使用道具 举报

发表于 2018-10-16 15:44:20 | 显示全部楼层
谢谢分享!
回复

使用道具 举报

发表于 2018-10-16 15:44:22 | 显示全部楼层
谢谢分享!
回复

使用道具 举报

发表于 2018-10-16 15:44:25 | 显示全部楼层
谢谢分享!
回复

使用道具 举报

发表于 2018-10-16 15:44:27 | 显示全部楼层
谢谢分享!
回复

使用道具 举报

发表于 2018-10-16 15:44:29 | 显示全部楼层
谢谢分享!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



www.henkuai.com—微信开发者的分享交流平台,专注微信开发生态。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

微信公众号

广告推广
QQ:805874290

市场合作
zhongcong@henkuai.com