This repository has been archived by the owner on Mar 21, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 201
日历属性接口文档
Coding edited this page Apr 14, 2018
·
2 revisions
calendar 日历
属性名 | 类型 | 默认值 | 说明 |
year | Number | 当前年份 | 当前公历年份 |
month | Number | 当前月份 | 当前公历月份 |
day | Number | 当前日期 | 当前公历日期 |
start-date | String | 日历的起始年份 | 格式为YYYY-MM |
end-date | String | 日历的结束年份 | 格式为YYYY-MM |
header | Boolean | true | 是否显示标题 |
next | Boolean | true | 是否显示下个月按钮 |
prev | Boolean | true | 是否显示上个月按钮 |
show-more-days | Boolean | false | 是否显示非当前月的日期 |
weeks | Boolean | true | 是否显示周标题 |
weeks-type | String | en | 周标题类型 |
days-color | Array | [] | 设置各日期字体颜色、背景颜色 |
cell-size | Number | 30 | 设置日期单元格大小 |
active-type | String | rounded | 设置日期背景形状 |
lunar | Boolean | false | 是否显示农历 |
- 注1:日历的起始年月最小为1900-01
- 注2:日历的结束年月最大为2099-12
- 注3:日期单元格大小单位为px
weeks-type有效值
值 | 说明 |
en | 显示为:S,M,T,W,T,F,S |
full-en | 显示为:Sun, Mon, Tue, Wed, Thu, Fri, Sat |
cn | 显示为:日,一,二,三,四,五,六 |
active-type有效值
值 | 说明 |
rounded | 显示为圆形背景 |
square | 显示为方形背景 |
days-color数组项构成
days-color数组的每一项为一个对象,对象有4个属性,意义如下:
属性名 | 说明 |
month | 要标记的日期所属月份,有效值有prev(上个月),current(当前月),next(下个月) |
day | 要标记的日期 |
color | 日期文字的颜色,格式为“#HEX”或CSS颜色名 |
background | 日期单元格的颜色,格式为“#HEX”或CSS颜色名 |