Skip to content
This repository has been archived by the owner on Mar 21, 2019. It is now read-only.

日历属性接口文档

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颜色名
Clone this wiki locally