基础组件,用于选择小时、分钟、秒
时间格式可以通过: format 配置
默认为:HH:mm:ss,可配置为其他格式,HH:mm、mm:ss 等等
hello world
在 TimePicker 选择框底部显示自定义的内容。
禁用时间选择
设置小时选项间隔、分钟选项间隔、秒选项间隔
hello world
通过disabledHours,disabledMinutes,disabledSeconds设置禁止的部分时间
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 选择的值,可以使用v-model实现数据的双向绑定 | String | null |
placeholder | 内容为空时的提示语 | String | "请选择时间" |
disabled | 是否禁止选择 | Boolean | false |
icon | 自定义的选择框后缀图标 | String | clock-circle-o |
format | 展示的时间格式 | String | HH:mm:ss |
hourStep | 小时选项间隔 | Number | 1 |
minuteStep | 分钟选项间隔 | Number | 1 |
secondStep | 秒选项间隔 | Number | 1 |
disabledHours | 禁止选择部分小时选项 | function() | 无 |
disabledMinutes | 禁止选择部分分钟选项 | function(selectedHour) | 无 |
disabledSeconds | 禁止选择部分秒选项 | function(selectedHour, selectedMinute) | 无 |
事件名 | 说明 | 返回值 |
---|---|---|
change | 选择时间时触发 | 最新的值 |