form-create

# TimePicker

# Preview (opens new window)

# Rule

{  
    type: "TimePicker",
    field: "section_time",
    title: "活动时间",
    value: [], 
    props: {
        "type": "timerange",
        "placeholder":"请选择获得时间", 
    },
}

参考:iview2.x (opens new window) | iview3.x (opens new window)

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 -

# events

事件名 说明 返回值
on-change 时间发生变化时触发 已经格式化后的时间，比如 09:41:00
on-open-change 弹出浮层和关闭浮层时触发 true | false
on-ok 点击确定按钮时触发 -
on-clear 在清空日期时触发 -

← ColorPicker →