TimePicker 时间选择器
用于选择时间
基础用法
时间格式
设置属性 format 可以改变时间的显示格式。
注意,format 只是改变显示的格式,并非改变 value 值。
禁用状态
可以设置 disabled 属性来实现禁用状态
时间范围
设置type 为 timerange 可开启时间范围选择
带有确认操作
设置属性 confirm,选择器会有清空和确定按钮。确认按钮并没有影响时间的正常选择。
TimePicker Attributes
参数 |
说明 |
类型 |
可选值 |
默认值 |
v-model |
绑定值 |
string / array |
— |
— |
type |
类型,支持选择单个时间或者选择时间范围 |
string |
time / timerange |
— |
placeholder |
选择时的占位符 |
string |
— |
— |
readonly |
完全只读,开启后不会弹出选择器 |
boolean |
— |
false |
disabled |
禁用 |
boolean |
— |
false |
format |
时间格式化 |
string |
小时:HH ,分:mm ,秒:ss |
'HH:mm:ss' |
clearable |
是否显示清除按钮 |
boolean |
— |
true |
separator |
选择范围时的分隔符 |
string |
— |
'-' |
TimePicker Events
事件名 |
说明 |
参数 |
on-change |
时间发生变化时触发 |
格式化后的时间 |
on-confirm |
点击确定按钮时触发 |
格式化后的时间 |
on-clear |
在清空时间时触发 |
— |