DatePicker 日期选择器
基础用法
日期时间选择
无边框
禁用
三种大小
额外的页脚
后缀图标
DatePicker API
DatePicker Attributes
| Name | Description | Type | Default | Version |
|---|---|---|---|---|
| value(v-model) | 绑定值 | dayjs | — | |
| open(v-model) | 面板是否打开 | boolean | false | |
| mode | 设置选择器类型 | date | week | month | quarter | year | false | |
| placeholder | 没有值的时候显示的内容 | string | [string, string] | 请选择时间 | |
| disabled | 禁用 | boolean | false | |
| disabledDate | 不可选择的日期 | (currentDate: dayjs) => boolean | — | |
| size | 输入框尺寸 | large | default | small | — | |
| readonly | 设置输入框为只读 | boolean | false | |
| allowClear | 是否可以清空选项 | boolean | false | |
| bordered | 无边框样式 | boolean | false | |
| showNow | 面板是否显示“此刻”按钮 | boolean | true | |
| format | 展示的日期格式 | string | YYYY-MM-DD | |
| valueFormat | 绑定值的格式 | string 具体格式 | YYYY-MM-DD | |
| showTime | 增加时间选择功能 | Object | boolean | TimePicker Options | |
| showToday | 是否展示“今天”按钮 | boolean | true |
DatePicker Events
| Name | Description | Type |
|---|---|---|
| change | 日期发生变化的回调 | (time: dayjs | string) => void |
| openChange | 面板打开/关闭时的回调 | (open: boolean) => void |
DatePicker Slots
| Name | Description |
|---|---|
| renderExtraFooter | 选择框底部显示自定义的内容 |
| suffixIcon | 自定义的选择框后缀图标 |
贡献者
lazy