TimeRangePicker 时间范围面板
July 24, 2026Less than 1 minute
Some documentation on this page is available in Chinese only. Component built-in messages follow English; untranslated example text remains in its original language.
TimeRangePicker
时间范围选择面板(默认无触发器),左右同时展示开始 / 结束时间。
表单字段请使用 TimeRange。单时间面板请使用 TimePicker。
Examples
基本用法
定制格式
定制步长
十二小时制
跳过确认
禁用部分时间
次日标记
结束早于开始时显示「次日」,并关闭确认时的起止交换。
API
Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
model-value | 绑定值 | (string | number | Date)[] | - |
hide-trigger | 无触发器,仅面板 | boolean | true |
format | 展示格式 | string | - |
use12-hours | 12 小时制 | boolean | false |
show-next-day | 结束早于开始时显示「次日」,并关闭确认时的起止交换 | boolean | false |
disable-confirm | 跳过确认 | boolean | false |
disabled | 禁用 | boolean | false |
step | 时分秒步长 | object | - |
