DatePicker 日期选择器
用于选择或输入日期
基本用法
以”日“为基本单位，基础的日期选择控件
其他日期单位
通过扩展基础的日期选择，可以选择月、年或日期，传递model属性来控制
选择一段时间
通过扩展基础的日期选择，可以选择一段时间，传递range属性来控制
多选
通过扩展基础的日期选择，可以选择多个月、年或多个日期，传递multiple属性来控制
格式
通过format属性设置日期格式
占位符
通过placeholder属性设置占位符
范围占位符
通过startPlaceholder和endPlaceholder属性设置范围占位符
禁用
通过disabled属性设置禁用日期
属性
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| modelValue | String/Date/Array | "" | 绑定值，支持单选/多选/范围模式 |
| placeholder | String | "请选择日期" | 输入框占位文本 |
| format | String | "YYYY-MM-DD" | 日期显示格式 |
| disabled | Boolean | false | 是否禁用 |
| readonly | Boolean | false | 是否只读 |
| clearance | Boolean | true | 是否显示清除按钮 |
| model | String | "date" | 选择模式：date(日期)/year(年)/month(月) |
| multiple | Boolean | false | 是否支持多选 |
| range | Boolean | false | 是否范围选择模式 |
| startPlaceholder | String | "开始日期" | 范围模式开始占位文本 |
| endPlaceholder | String | "结束日期" | 范围模式结束占位文本 |
事件
| 事件名 | 参数 | 说明 |
|---|---|---|
| update:modelValue | (value: Date/String/Array) | 选中值更新事件 |
| change | (value: Date/String/Array) | 值变化事件 |
| clear | - | 清除选择时触发 |