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