https://github.com/wungjyan/miniprogram-simple-calendar
适用于微信小程序的日历组件
https://github.com/wungjyan/miniprogram-simple-calendar
calendar-component miniprogram-component
Last synced: 19 days ago
JSON representation
适用于微信小程序的日历组件
- Host: GitHub
- URL: https://github.com/wungjyan/miniprogram-simple-calendar
- Owner: wungjyan
- License: mit
- Created: 2019-07-15T06:48:23.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2020-08-31T01:05:13.000Z (over 5 years ago)
- Last Synced: 2025-11-01T03:20:09.421Z (7 months ago)
- Topics: calendar-component, miniprogram-component
- Language: JavaScript
- Homepage:
- Size: 48.8 KB
- Stars: 2
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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 中使用
```
```
**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 | 切换年或月时触发 |