Time Picker 时间选择器
选择或输入一天中某个时间的控件
基础用法
三种尺寸
间隔
禁用部分时间
自定义后缀图标
Time Picker API
Time Picker Props
| 属性名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| modelValue | 绑定值 | Dayjs、string | —— |
| placeholder | 占位符 | string | —— |
| tabindex | tabindex | string、number | —— |
| id | id | string | —— |
| name | 是否开启过渡效果 | string | —— |
| readonly | 只读 | boolean | false |
| suffixIcon | 后缀图标 | string、Component | —— |
| clearIcon | 清除图标 | string、Component | —— |
| disabled | 禁用 | boolean | false |
| popperClass | 禁用 | string | —— |
| size | 组件的尺寸 | enum | '' |
| hourStep | 小时间隔 | number | 1 |
| minuteStep | 分钟间隔 | number | 1 |
| secondStep | 秒间隔 | number | 1 |
| disabledHours | 禁用的小时数 | GetDisabledHour | —— |
| disabledMinutes | 禁用的分钟数 | GetDisabledMinute | —— |
| disabledSeconds | 禁用的秒数 | GetDisabledSecond | —— |
| popperOptions | popper.js 的配置项 | object 参考popper.js文档 | () => ({}) |
| format | 格式 | string 参考dayjs文档 | HH:mm:ss |
| defaultValue | 默认值 | Dayjs | —— |
Time Picker Emits
| 事件名 | 描述 | 类型 |
|---|---|---|
| change | 绑定值发生变化时 | Function |
| visible-change | popper展开时/收起时触发 | Function |
| focus | 聚焦时触发 | Function |
| blur | 失焦时触发 | Function |
上次更新时间：