DatePicker 日期选择器
用于选择或输入日期
基础用法
选项类型
通过 columns-type 属性可以控制选项的类型,支持以任意顺序对 year、month 和 day 进行排列组合。
比如: 传入 ['year'] 来单独选择年份。 传入 ['month'] 来单独选择月份。 传入 ['year', 'month'] 来选择年份和月份。 传入 ['month', 'day'] 来选择月份和日期。
API
Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| v-model | 绑定值 | Array | undefined |
| title | 顶部栏标题 | String | undefined |
| min-date | 可选的最小日期 | Date | undefined |
| max-date | 可选的最大日期 | Date | undefined |
| formatter | 日期格式化函数 | Function | (type, value) => value |
| columns-type | 选项类型 | Array | ['year','month', 'day'] |
事件
| 事件名 | 说明 | 类型 |
|---|---|---|
| change | 用户确认选定的值时触发 | Function (val: typeof v-model) => void |
插槽
| 名称 | 说明 |
|---|---|
| default | 自定义单元格内容 |