Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

应用案例