TimePicker 时间选择器
Maker
maker.time('活动时间','section_time').props({
"type":"timerange",
"placeholder":"请选择活动时间"
})
JSON
{
type: "TimePicker",
field: "section_time",
title: "活动时间",
value: [],
props: {
"type": "timerange",
"placeholder":"请选择获得时间",
},
}
参考:iview2.x | iview3.x
value: String | Array
props
属性 |
说明 |
类型 |
默认值 |
type |
显示类型,可选值为 time 、timerange |
String |
time |
format |
展示的时间格式 |
Date |
HH:mm:ss |
steps |
下拉列表的时间间隔,数组的三项分别对应小时、分钟、秒。例如设置为 [1, 15] 时,分钟会显示:00、15、30、45。 |
Array |
[] |
placement |
时间选择器出现的位置,可选值为top``top-start``top-end``bottom``bottom-start``bottom-end``left``left-start``left-end``right``right-start``right-end ,2.12.0 版本开始支持自动识别 |
String |
bottom-start |
placeholder |
占位文本 |
String |
空 |
confirm |
是否显示底部控制栏 |
Boolean |
false |
open |
手动控制时间选择器的显示状态,true 为显示,false 为收起。使用该属性后,选择器不会主动关闭。建议配合 slot 及 confirm 和相关事件一起使用 |
Boolean |
null |
size |
尺寸,可选值为large 、small 、default 或者不设置 |
String |
- |
disabled |
是否禁用选择器 |
Boolean |
false |
clearable |
是否显示清除按钮 |
Boolean |
true |
readonly |
完全只读,开启后不会弹出选择器,只在没有设置 open 属性下生效 |
Boolean |
false |
editable |
文本框是否可以输入,只在没有使用 slot 时有效 |
Boolean |
true |
transfer |
是否将弹层放置于 body 内,在 Tabs、带有 fixed 的 Table 列内使用时,建议添加此属性,它将不受父级样式影响,从而达到更好的效果 |
Boolean |
false |
element-id |
给表单元素设置 id ,详见 Form 用法。 |
String |
- |
separator 3.3.0 |
两个日期间的分隔符 |
String |
- |
on 事件
事件名 |
说明 |
返回值 |
on-change |
时间发生变化时触发 |
已经格式化后的时间,比如 09:41:00 |
on-open-change |
弹出浮层和关闭浮层时触发 |
true \ |
false |
on-ok |
点击确定按钮时触发 |
- |
on-clear |
在清空日期时触发 |
- |