仅桌面端保证样式
TimeSelect 时间选择
下拉式固定时间点选择:由 start / end / step 生成等间隔选项,适合会议安排、班次选择这类离散时间点场景;连续时间请用 TimePicker。键盘操作:输入框 Enter / Space / ↓ 打开面板,Esc 关闭(焦点保持在输入框上)。
基础用法
当前值:未选择
间隔与起止
限定可选范围
minTime / maxTime 之外的时间点置灰,适合「不早于当前选择」的联动:
TimeSelect Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| modelValue | 绑定值(HH:mm 字符串或 Date) | string | date | null |
| start / end | 选项起止时间 | string | 09:00 / 18:00 |
| step | 选项间隔 | string | 00:30 |
| min-time / max-time | 可选范围(之外置灰) | string | |
| placeholder | 占位文案 | string | |
| clearable / editable / disabled | 可清空 / 可键入 / 禁用 | boolean | true / true / false |
| size | 尺寸(缺省跟随 Form) | large | default | small | |
| ripple | 激活涟漪动效开关:聚焦时实体色影向内收拢消散;也可在 Form 上批量关闭或全局 setRipple(false) | boolean | true |
TimeSelect Events
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| change | 确认选择 | (value: string) => void | — |
| clear | 清空 | () => void | — |
| visible-change | 面板显隐 | (visible: boolean) => void | — |