日期选择器
用于在弹窗中选择年月日的组件。
属性
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
startDate | [String, Number, Date] | 1970-01-01 | 开始日期 |
endDate | [String, Number, Date] | 2050-12-31 | 结束日期 |
defaultDate | [String, Number, Date] | new Date() | 显示时选中的默认日期 |
rowHeight | Number | 3em | 选项的高度 |
rows | Number | 8 | 显示的行数 |
columns | Number | 3 | 显示的列数,3 列显示完整的年月日,2 列显示年月,1 列只显示年 |
... | ... | ... | pure-popup 的配置,参考 |
事件
名称 | 参数 | 说明 |
---|---|---|
@onClose | - | 关闭事件 |
@onConfirm | data: Object | 确认事件,参数见下方说明 |
@onCancel | - | 取消事件 |
@onNot | - | Header 左侧按钮事件 |
@onOk | data: Object | Header 右侧按钮事件,参数见下方说明 |
@onChange | data: Object | 切换事件,参数见下方说明 |
data 参数
名称 | 类型 | 说明 |
---|---|---|
year | {label: String, value: Number, fullStr: String} | 年数据 |
month | {label: String, value: Number, fullStr: String} | 月数据 |
day | {label: String, value: Number, fullStr: String} | 日数据 |
date | Date | 日期对象 |
dateStr | String | 用短横线 “-” 拼接的日期字符串 |
label
: 格式为${year}年
或${month}月
或${day}日
value
: 为年、月、日对应的数字fullStr
: 为补零后的年、月、日字符串
插槽
名称 | 参数 | 说明 |
---|---|---|
... | ... | pure-popup 的插槽,参考 |