Skip to content

TimePicker 时间选择器

规则

js
{
    type: "TimePicker",
    field: "section_time",
    title: "活动时间",
    value: ''
}

参考:naive-ui_TimePicker

value :Number | String

Props

名称类型默认值说明版本
actionsArray<'now' | 'confirm'> | null['now', 'confirm']Time Picker 中支持的操作
clearablebooleanfalse是否可清空
disabledbooleanfalse是否禁用
formatstring'HH:mm:ss'时间格式化字符串,详情见 format
formatted-valuestring | nullundefined格式化后的值2.24.0
hoursnumber | number[]undefined通过数组指定显示的小时。当值为 number 时,将被当做时间步进处理
minutesnumber | number[]undefined通过数组指定显示的分钟。当值为 number 时,将被当做时间步进处理
secondsnumber | number[]undefined通过数组指定显示的秒。当值为 number 时,将被当做时间步进处理
input-readonlybooleanfalse设置输入框为只读(避免在移动设备上打开虚拟键盘)
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用于禁用秒钟的回调函数
placeholderstring'请选择时间'选择框的占位符
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-hoursbooleanfalse是否使用 12 小时制的面板
value-formatstring跟随 format格式化后值的格式2.24.0
on-blur() => voidundefined选择框失去焦点时的回调
on-focus() => voidundefined选择框获得焦点时的回调
on-update:formatted-value(value: number | null, timestampValue: number | null) => voidundefined格式化的值发生改变时的回调2.24.0
on-update:value(value: number | null, formattedValue: string | null) => voidundefined值发生改变时的回调formattedValue 2.24.0

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用