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 | 自定义单元格内容 |