Skip to content

小程序日期选择器(支持农历)

License

Notifications You must be signed in to change notification settings

pithyone/miniprogram-datepicker

Repository files navigation

miniprogram-datepicker

GitHub Workflow Status Codecov npm

小程序日期选择器,使用 picker 组件(多列选择器)实现,支持农历

使用效果

Screenshot

使用方法

  1. 安装
npm install --save miniprogram-datepicker
  1. JSON 组件声明
{
  "usingComponents": {
    "datepicker": "miniprogram-datepicker"
  }
}
  1. wxml 引入组件
<datepicker bindchange="bindDateChange" value="{{value}}">
    <view>{{valueOfString}}</view>
</datepicker>

属性列表

属性名 类型 默认值 说明
value Object 当天 表示选中的日期
bindchange eventhandle value 改变时触发 change 事件,event.detail = {value}

value 的结构

属性 类型 说明
year number
month number
day number
isLeapMonth boolean 是否闰月
isLunarCalendar boolean 是否农历

示例代码

参考 👉 demo

应用案例