手册版本 V5.0
组件名称
gui-date-between : /graceUI/组件目录/gui-date-between
组件介绍
graceDateBetween 以日历形式来实现日期区间的选择功能。
通过属性设置您可以实现 : 选中区域背景色调整、展示月份数量调整等多种功能 。
| 属性名称 | 类型 | 默认值 | 作用 |
| weekBg | String | #F8F8F8 | 星期栏背景颜色 |
| unit | Array | [' 年 ',' 月'] | 年月展示单位 |
| sedBg | String | rgba(54,136,255,0.8) | 选中区域背景颜色 |
| itemBg | String | #FFFFFF | 日期默认背景颜色 |
| color | String | #323232 | 日期文本颜色 |
| sedColor | String | #FFFFFF | 选中日期文本颜色 |
| startBg | String | rgba(54,136,255,1) | 起始日期背景颜色 |
| endBg | String | rgba(54,136,255,1) | 结束日期背景颜色 |
| monthNumber | Number | 2 | 展示月份数量，:monthNumber="3" 代表3个个月 |
组件事件
selectDate : 区间选择变化时激活的事件，携带数据 [[起始日期, 结束日期], 总天数]。
组件方法
01. setMonth()
功能 : 设置组件展示的起始月份
参数 : 有效的月份，格式 2020年05月 或者 2020-05
02. setBetween
功能 : 设置默认区间
参数 : [ 默认起始日期, 默认结束日志 ]，请严格遵守格式 : [ 20200501, 20200522 ]
演示代码
UNI 普通版本
NVUE 版本
登录并购买 GraceUI 后可以查阅完整手册内容 。
