小程序日期选择器,使用 picker
组件(多列选择器)实现,支持农历
- 安装
npm install --save miniprogram-datepicker
- JSON 组件声明
{
"usingComponents": {
"datepicker": "miniprogram-datepicker"
}
}
- wxml 引入组件
<datepicker bindchange="bindDateChange" value="{{value}}">
<view>{{valueOfString}}</view>
</datepicker>
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
value | Object | 当天 | 表示选中的日期 |
bindchange | eventhandle | value 改变时触发 change 事件,event.detail = {value} |
属性 | 类型 | 说明 |
---|---|---|
year | number | 年 |
month | number | 月 |
day | number | 日 |
isLeapMonth | boolean | 是否闰月 |
isLunarCalendar | boolean | 是否农历 |
参考 👉 demo