@jk724/mp-calendar
适用于微信小程序的日历组件
Last updated a year ago by xsasadasdasdasd .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @jk724/mp-calendar 
SYNC missed versions from official npm registry.

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 切换年或月时触发

计划

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

Current Tags

  • 0.2.0                                ...           latest (a year ago)

1 Versions

  • 0.2.0                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 0
Last Month 0
Dependencies (0)
None
Dev Dependencies (24)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |