Skip to content

TimePicker 时间选择

时间选择器组件,对齐 Ant Design TimePicker。

示例

可访问性

TimePicker 的触发器使用 role="combobox",需要通过 aria-labelaria-labelledby 提供可访问名称。

idaria-describedby 会转发到实际可聚焦的 combobox 触发器,可用于关联外部标签、帮助文本或错误说明。弹层打开时,触发器会通过 aria-expandedaria-controls 关联 role="dialog" 面板,并支持 EnterSpaceArrowDown 打开以及 Escape 关闭。

API

属性说明类型默认值
value当前时间string (HH:mm)-
defaultValue默认时间string''
format时间格式'12' | '24''24'
disabled禁用booleanfalse
placeholder占位文本string'选择时间'
size尺寸'sm' | 'md' | 'lg''md'
onChange时间变化回调(value: string) => void-
idcombobox 触发器 IDstring-
aria-labelcombobox 可访问名称string-
aria-labelledby关联外部标签元素string-
aria-describedby关联外部描述元素string-