https://github.com/pithyone/miniprogram-datepicker

小程序日期选择器（支持农历）
https://github.com/pithyone/miniprogram-datepicker

datepicker miniprogram miniprogram-datepicker weapp

Last synced: about 2 months ago
JSON representation

小程序日期选择器（支持农历）

• Host: GitHub
• URL: https://github.com/pithyone/miniprogram-datepicker
• Owner: pithyone
• License: mit
• Created: 2018-09-14T12:01:21.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T20:22:10.000Z (over 3 years ago)
• Last Synced: 2025-10-19T10:52:22.251Z (5 months ago)
• Topics: datepicker, miniprogram, miniprogram-datepicker, weapp
• Language: JavaScript
• Homepage:
• Size: 2.36 MB
• Stars: 41
• Watchers: 3
• Forks: 8
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-wechat-app - miniprogram-datepicker - 小程序日期选择器（支持农历） (组件)
• awesome-wechat-weapp - miniprogram-datepicker - 小程序日期选择器（支持农历） (组件)
• awesome-wechat-app - miniprogram-datepicker - 小程序日期选择器（支持农历） (组件)

README

          
# miniprogram-datepicker



  

    

  

    

  

    



小程序日期选择器，使用 `picker` 组件（多列选择器）实现，支持农历

## 使用效果

![Screenshot](https://wx1.sinaimg.cn/mw690/8f1f41a9ly1gjhswfi6anj20u00ymabo.jpg)

## 使用方法

1. 安装

```

npm install --save miniprogram-datepicker

```

2. JSON 组件声明

```

{

  "usingComponents": {

    "datepicker": "miniprogram-datepicker"

  }

}

```

3. wxml 引入组件

```

    {{valueOfString}}

```

## 属性列表

| 属性名 | 类型 | 默认值 | 说明 |

|-|-|-|-|

| value | Object | 当天 | 表示选中的日期 |

| bindchange | eventhandle | | value 改变时触发 change 事件，event.detail = {value} |

## value 的结构

| 属性 | 类型 | 说明 |

|-|-|-|

| year | number | 年 |

| month | number | 月 |

| day | number | 日 |

| isLeapMonth | boolean | 是否闰月 |

| isLunarCalendar | boolean | 是否农历 |

## 示例代码

参考 :point_right: [demo](https://github.com/pithyone/miniprogram-datepicker/tree/master/tools/demo)

## 应用案例