手册版本 V5.0
组件名称
gui-datetime-between : /graceUI/组件目录/gui-datetime-between
功能描述
GraceUI 日期时间区间选择组件以 picker-view 为基础实现,可以方便地完成时间段的选择功能;
组件属性
属性名称 | 类型 | 默认值 | 作用 |
cancelText | String | 取消 | 取消按钮文本 |
cancelTColor | String | #888888 | 取消按钮文颜色 |
confirmText | String | 确定 | 确认按钮文本 |
confirmColor | String | #3688FF | 确认按钮文本颜色 |
startValue | String | '' | 默认起始时间值,格式 xxxx-xx-xx HH:ii:ss,默认当前时间 |
endValue | String | '' | 默认结束时间值,格式 xxxx-xx-xx HH:ii:ss,默认当前时间 |
isDay | Boolean | true | 是否展示日期选择器 |
isTime | Boolean
| true | 是否展示时间选择器 |
isMinute | Boolean | true | 是否展示分钟选择器 |
isSecond | Boolean | true | 是否展示秒选择器 |
startYear | Number | 1980 | 起始年份 |
endYear | Number | 2050 | 结束年份 |
units | Array | Array('年','月','日','时','分','秒') | 日期时间单位信息 |
titles | Array | ['请选择开始时间','请选择结束时间'] | 时间选择器前的分割标题 |
indicatorStyle | String | height:36px; line-heiht:36px; | 滚动选项样式 2022.04.26 新增 |
height
| String | 300rpx | 区间 picker 高度 2022.06.23 更新 |
触发事件
confirm :
用户点击确认按钮时激活的事件,携带数据 :
[
[年,月,日,时,分,秒], // 起始时间
[年,月,日,时,分,秒] // 结束时间
]
组件插槽
请将选择结果展示在组件插槽内( 插槽内您可以灵活地进行样式及内容的布置 );
演示代码
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。