手册版本 V3.0
组件名称
graceDateTime : /graceUI/组件目录/graceDateTime
功能介绍
graceDateTime 组件以 picker-view 形式来实现日期时间的选择工作,具备以下特色 :
1. 展示、关闭变量封装在组件内,不需要开发者实现,调用更方便;
2. 自动识别对应年份对应月份应有的天数(如 : 自动计算某年2月份应用的天数);
组件属性
属性名称 | 类型 | 默认值 | 作用 |
background | String | rgba(0, 0, 0, 0.5) | 遮罩层背景颜色 |
cancelText | String | 取消 | 取消按钮文本 |
cancelTColor | String | #888888 | 取消按钮文颜色 |
confirmText | String | 确定 | 确认按钮文本 |
confirmColor | String | #3688FF | 确认按钮文本颜色 |
value | String | '' | 默认时间值,格式 xxxx-xx-xx HH:ii:ss,默认当前时间 |
isTime | Boolean
| true | 是否展示时间没有 |
isSecond | Boolean | true | 是否展示秒选择器 |
startYear | Number | 1980 | 起始年份 |
endYear | Number | 2050 | 结束年份 |
units | Array | Array('年','月','日','时','分','秒') | 日期时间单位信息 |
height | String | 300rpx | 组件高度 |
paddingBottom | String | 0rpx | 底部内间距,当您的页面有其他底部元素时请使用此属性避开 |
会触发的事件
01 change
客户滑动组件切换时间信息时触发,可用于监测选择变化;
02 confirm
客户点击确认按钮后触发,可以记录最终选择的时间;
返回值说明:
change和confirm事件均会携带日期时间信息,格式 : [年,月,日,时,分,秒].
利用这个返回数值您可以灵活的组合出各种您需要的时间格式;
修改默认值
01 使用 value 属性;
02 使用组件的 setValue 函数可以动态改变组件的默认值;
组件插槽
请将选择结果展示在组件插槽内( 插槽内您可以灵活地进行样式及内容的布置 );
演示代码
UNI 普通版本
NVUE 版本
微信小程序独立版本
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。