DateRangePicker 日期范围面板
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.
DateRangePicker
日期范围选择面板(默认无触发器)。
表单字段请使用 DateRange。单日期面板请使用 DatePicker。
Examples
基本用法
选择类型
通过 mode 切换日 / 周 / 月 / 年 / 季度范围。
带时间
禁用部分日期
API
Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
model-value | 绑定值 | (Date | string | number)[] | - |
mode | 面板类型 | date | week | month | year | quarter | date |
hide-trigger | 无触发器,仅面板 | boolean | true |
format | 展示格式 | string | - |
show-time | 选择时间 | boolean | false |
disabled | 禁用 | boolean | boolean[] | - |
disabled-date | 禁用日期 | Function | - |
