0.2.0 • Published 5 years ago

@jk724/mp-calendar v0.2.0

Weekly downloads
1
License
MIT
Repository
github
Last release
5 years ago

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
  1. 在需要使用 calendar 的页面 page.json 中添加 calendar 自定义组件配置
{
  "usingComponents": {
    "simple-calendar": "miniprogram-simple-calendar"
  }
}
  1. 在 wxml 中使用
<simple-calendar bindselect="select" en="{{en}}" show-other="{{showOther}}"></simple-calendar>

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

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

事件:

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

计划

  • 考虑加入收缩模式(横滚)