TimePicker 时间选择器
规则
基础示例
时间区间
整段禁用
尺寸对比（小 / 中 / 大）
Events
value： string | [string, string]。
Props
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| allowClear | 清除按钮 | boolean | | true | 5.8.0 起支持对象 |
| cellRender | 自定义单元格 | function | - | 5.4.0 |
| changeOnScroll | 滚动改变值 | boolean | false | 5.14.0 |
| classes | 语义化 class | Record<SemanticDOM, string> | function | - | - |
| defaultValue | 默认时间 | dayjs | - | - |
| disabled | 禁用 | boolean | false | - |
| disabledTime | 不可选时间 | DisabledTime | - | 4.19.0 |
| format | 展示格式 | string | HH:mm:ss | - |
| valueFormat | 绑定值格式 | string | - | - |
| getPopupContainer | 浮层容器 | function(trigger) | - | - |
| hideDisabledOptions | 隐藏禁用项 | boolean | false | - |
| hourStep | 小时间隔 | number | 1 | - |
| inputReadOnly | 输入框只读 | boolean | false | - |
| minuteStep | 分钟间隔 | number | 1 | - |
| needConfirm | 是否需要确认 | boolean | - | 5.14.0 |
| open | 面板打开 | boolean | false | - |
| placeholder | 占位 | string | [string, string] | 请选择时间 | - |
| placement | 弹出位置 | 见文档 | bottomLeft | - |
| popupClassName | 已废弃，用 classes.popup | string | - | - |
| popupStyle | 已废弃，用 styles.popup | object | - | - |
| prefix | 前缀 | VueNode | - | 5.22.0 |
| previewValue | 悬停预览输入值 | false | hover | hover | 6.0.0 |
| renderExtraFooter | 底部自定义 | () => VueNode | - | - |
| secondStep | 秒间隔 | number | 1 | - |
| showNow | 显示「此刻」 | boolean | - | 4.4.0 |
| size | 尺寸 | large | middle | small | - | - |
| status | 校验状态 | error | warning | - | 4.19.0 |
| styles | 语义化 style | Record<SemanticDOM, CSSProperties> | function | - | - |
| suffixIcon | 后缀图标 | VueNode | - | - |
| use12Hours | 12 小时制 | boolean | false | - |
| value | 当前时间 | dayjs | - | - |
| variant | 形态变体 | outlined | borderless | filled | underlined | outlined | 5.13.0 |
Events
| 事件 | 说明 | 类型 | 版本 |
|---|---|---|---|
| change | 时间变化 | (time: dayjs, timeString: string) => void | - |
| openChange | 面板开关 | (open: boolean) => void | - |