Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

@jk724/mp-calendar

0.2.0 • Public • Published

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 的属性介绍如下:

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

事件:

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

计划

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

Keywords

none

Install

npm i @jk724/mp-calendar

DownloadsWeekly Downloads

1

Version

0.2.0

License

MIT

Unpacked Size

49.3 kB

Total Files

21

Last publish

Collaborators

  • avatar