TimeSelect 时间选择

TimeSelect 时间选择器用于从预定义的时间列表中选择时间，适用于需要限制用户只能选择特定时间点的场景。

Storybook

引入

import { TimeSelect } from '@versakit/vue'

使用

loading

API

属性

属性名	说明	类型	默认值
modelValue	绑定值，选中的时间	string	-
disabled	是否禁用	boolean	false
readonly	是否只读	boolean	false
placeholder	占位文本	string	'选择时间'
options	可选时间选项列表	string[]	-
start	开始时间，格式为 HH:mm	string	'00:00'
end	结束时间，格式为 HH:mm	string	'23:59'
step	时间间隔，单位为分钟	number	30
format	时间格式	'12h' | '24h'	'24h'
clearable	是否可清空	boolean	true
unstyled	是否禁用默认样式	boolean	false
pt	自定义样式配置	TimeSelectPT	-

事件

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

插槽

TimeSelect 组件暂不提供插槽。