DatePicker
2026年7月8日小于 1 分钟
DatePicker
日期选择面板(默认无触发器)。通过 mode 切换年/月/周/日/季度。
表单字段请使用 Date;日期范围字段请使用 DateRange;范围面板请使用 DateRangePicker。
案例
基本用法
默认只渲染面板。
选择类型
通过 mode 切换面板类型。
带时间
禁用部分日期
预设快捷选择
额外页脚
API
Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
model-value | 绑定值 | Date | string | number | - |
mode | 面板类型 | date | week | month | year | quarter | date |
hide-trigger | 无触发器,仅面板 | boolean | true |
format | 展示格式 | string | Function | - |
show-time | 选择时间 | boolean | false |
disabled | 禁用 | boolean | false |
disabled-date | 禁用日期 | Function | - |
其余面板能力可通过 attrs 透传底层 Picker。
