基础组件,用于选择小时、分钟、秒
时间格式可以通过: 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 | 选择时间时触发 | 最新的值 |