TimePicker 时间选择器
规则
js
{
type: "TimePicker",
field: "section_time",
title: "活动时间",
value: ''
}
value :Number | String
Props
名称 | 类型 | 默认值 | 说明 | 版本 |
---|---|---|---|---|
actions | Array<'now' | 'confirm'> | null | ['now', 'confirm'] | Time Picker 中支持的操作 | |
clearable | boolean | false | 是否可清空 | |
disabled | boolean | false | 是否禁用 | |
format | string | 'HH:mm:ss' | 时间格式化字符串,详情见 format | |
formatted-value | string | null | undefined | 格式化后的值 | 2.24.0 |
hours | number | number[] | undefined | 通过数组指定显示的小时。当值为 number 时,将被当做时间步进处理 | |
minutes | number | number[] | undefined | 通过数组指定显示的分钟。当值为 number 时,将被当做时间步进处理 | |
seconds | number | number[] | undefined | 通过数组指定显示的秒。当值为 number 时,将被当做时间步进处理 | |
input-readonly | boolean | false | 设置输入框为只读(避免在移动设备上打开虚拟键盘) | |
is-hour-disabled | (hour: number) => boolean | () => false | 用于禁用小时的回调函数 | |
is-minute-disabled | (minute: number, hour: number) => boolean | () => false | 用于禁用分钟的回调函数 | |
is-second-disabled | (second: number, minute: number, hour: number) => boolean | () => false | 用于禁用秒钟的回调函数 | |
placeholder | string | '请选择时间' | 选择框的占位符 | |
placement | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end' | 'bottom-start' | 时间选择器的面板的弹出位置 | 2.25.0 | |
size | 'small' | 'medium' | 'large' | 'medium' | 选择框的尺寸 | |
use-12-hours | boolean | false | 是否使用 12 小时制的面板 | |
value-format | string | 跟随 format | 格式化后值的格式 | 2.24.0 |
on-blur | () => void | undefined | 选择框失去焦点时的回调 | |
on-focus | () => void | undefined | 选择框获得焦点时的回调 | |
on-update:formatted-value | (value: number | null, timestampValue: number | null) => void | undefined | 格式化的值发生改变时的回调 | 2.24.0 |
on-update:value | (value: number | null, formattedValue: string | null) => void | undefined | 值发生改变时的回调 | formattedValue 2.24.0 |