时间选择器
用于在弹窗中选择时间的组件。
属性
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
defaultTime | Sting | 当前时间 | 显示时选中的默认时间 |
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 参数
名称 | 类型 | 说明 |
---|---|---|
hour | {label: String, value: Number, fullStr: String} | 时数据 |
minute | {label: String, value: Number, fullStr: String} | 分数据 |
second | {label: String, value: Number, fullStr: String} | 秒数据 |
timeStr | String | 用短横线 “-” 拼接的时间字符串 |
label
: 格式为${hour}时
或${minute}分
或${second}秒
value
: 为时、分、秒对应的数字fullStr
: 为补零后的时、分、秒字符串
插槽
名称 | 参数 | 说明 |
---|---|---|
... | ... | pure-popup 的插槽,参考 |