Skip to content

TimePicker 时间选择器

TimePicker 时间选择器用于让用户选择特定的时间点,支持12小时制和24小时制,可自定义时间步长,提供小时、分钟和秒的精确选择。

引入

typescript
import { TimePicker } from '@versakit/vue'

使用

loading

API

属性

属性名说明类型默认值
modelValue绑定值,选中的时间string | Date-
disabled是否禁用booleanfalse
readonly是否只读booleanfalse
placeholder占位文本string'选择时间'
format时间格式'12h' | '24h''24h'
hourStep小时选择步长number1
minuteStep分钟选择步长number1
secondStep秒选择步长number1
showSeconds是否显示秒选择器booleanfalse
clearable是否可清空booleantrue
unstyled是否禁用默认样式booleanfalse
pt自定义样式配置TimePickerPT-

事件

事件名说明回调参数
update:modelValue选中时间变化时触发(value: string | Date | null) => void
change选中时间变化时触发(value: string | Date | null) => void
focus输入框获得焦点时触发(e: FocusEvent) => void
blur输入框失去焦点时触发(e: FocusEvent) => void
clear点击清空按钮时触发() => void

插槽

TimePicker 组件暂不提供插槽。