TimePicker 设计文档
时间选择器,单选 type=time,HH:mm:ss 三列滚动选择,受控/非受控;展示经 Intl.DateTimeFormat 本地化。支持 type=timeRange 范围选择、format 字符串控制列、value 字符串入参。
← API 文档使用建议
时间选择器,单选 type=time,HH:mm:ss 三列滚动选择,受控/非受控;展示经 Intl.DateTimeFormat 本地化。支持 type=timeRange 范围选择、format 字符串控制列、value 字符串入参。
Accessibility
ARIA role:dialog
- 触发器 button aria-haspopup=dialog、aria-expanded、aria-controls 指向面板
- 面板 role=dialog;每列 role=listbox,项 role=option + aria-selected
- 禁用项 aria-disabled=true 且不可点击/键选;hideDisabledOptions 时从列移除
- 触发器 Enter/Space/↓ 打开;Esc 关闭;选项 Enter/Space 选择
- 12h 制额外 AM/PM 列;文案经 locale TimePicker.am/pm
- 打开时各列命令式 scrollIntoView 到选中项
- timeRange 模式:面板顶部 role=tablist 起止切换;确定从起跳到止
- format 字符串经 core parseFormatSpec 决定显示列与 12h(覆盖 showSecond/use12Hours)
设计变量
该组件暂无专属设计变量。