TimePicker 时间选择器
TimePicker 时间选择器用于让用户选择特定的时间点，支持12小时制和24小时制，可自定义时间步长，提供小时、分钟和秒的精确选择。
引入
typescript
import { TimePicker } from '@versakit/vue'使用
loading
API
属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| modelValue | 绑定值，选中的时间 | string | Date | - |
| disabled | 是否禁用 | boolean | false |
| readonly | 是否只读 | boolean | false |
| placeholder | 占位文本 | string | '选择时间' |
| format | 时间格式 | '12h' | '24h' | '24h' |
| hourStep | 小时选择步长 | number | 1 |
| minuteStep | 分钟选择步长 | number | 1 |
| secondStep | 秒选择步长 | number | 1 |
| showSeconds | 是否显示秒选择器 | boolean | false |
| clearable | 是否可清空 | boolean | true |
| unstyled | 是否禁用默认样式 | boolean | false |
| 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 组件暂不提供插槽。