wungjyan / miniprogram-simple-calendar

适用于微信小程序的日历组件

miniprogram-simple-calendar

适用于微信小程序的日历组件

更新

0.0.4

• 晕死，0.0.3 的代码未打包就 publish 了，这才是 0.0.3 的代码

0.0.3

• 修复list属性，年月日精确标记日期

0.0.2

• 添加 list 属性，可标记日期；
• 添加年月切换时触发 change 事件；
• 添加 showChangeYear 属性，开启或关闭年份切换

使用

1. 安装 miniprogram-simple-calendar

npm install --save miniprogram-simple-calendar

2. 在需要使用 calendar 的页面 page.json 中添加 calendar 自定义组件配置

{
  "usingComponents": {
    "simple-calendar": "miniprogram-simple-calendar"
  }
}

3. 在 wxml 中使用

<simple-calendar bindselect="select" en="{{en}}" show-other="{{showOther}}"></simple-calendar>

miniprogram-simple-calendar 的属性介绍如下：

属性名	类型	默认值	是否必须	说明
en	Boolean	false	否	星期的英文显示
show-other	Boolean	true	否	是否显示除了本月的日期
list	Array	[]	否	list属性传入数组，主要用于标记日期（即日期底部圆点标记），数组中的每一项应含有day属性，结构如：[{day:'2019-01-01'},...]，注意2019-01-01和2019-1-1或者2019-1-01都是标记同一天的，点击日期会返回此日期下的已传入数据
showChangeYear	Boolean	true	否	是否允许年份切换，关闭时只保留月份切换

事件：

事件名	说明
select	选中日期时触发
change	切换年或月时触发