Appearance
DatePicker
用于选择或输入日期,基于 DatePicker 日期选择器 二次封装。
基础用法
范围选择器
默认显示日期
属性
| 属性名 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| modelValue | v-model | 绑定值 | string | [string, string] | ||
| readonly | 是否只读 | boolean | false | |
| disabled | 是否禁用 | boolean | false | |
| editable | 文本框可输入 | boolean | true | |
| clearable | 是否显示清除按钮 | boolean | false | |
| type | 显示类型 | string | date week month year datetime datetimerange daterange monthrange | date |
| placeholder | 非范围选择时的占位内容 | string | ||
| startPlaceholder | 范围选择时开始日期的占位内容 | string | ||
| endPlaceholder | 范围选择时结束日期的占位内容 | string | ||
| format | 显示在输入框中的格式 | string | ||
| size | 输入框尺寸 | string | large/default/small | default |
| default-time | 范围选择时选中日期所使用的当日内具体时刻 | string | [string, string] | ||
| shortcuts | 设置快捷选项,需要传入数组对象 | Array<{ text: string, value: Date | Function }> |
事件
| 事件名 | 说明 | 参数 |
|---|