Gitee
Appearance
Time Picker 选择时间组件
Time Picker 组件用来选择时间。
基本用法
禁用
只读
可编辑
默认展开显示值
启用十二小时制
格式化
显示标题
指定步长
禁止选择的小时
禁止选择分钟
禁止选择秒
事件
属性
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| modelValue | string | 空 | 绑定值，格式要与指定的 format 一致 |
| readonly | boolean | false | 只读 |
| disabled | boolean | false | 禁用 |
| editable | boolean | true | 可编辑 |
| placeholder | string | 空 | 提示文字 |
| defaultOpenValue | date | new Date() | 默认时间控件下拉面板，展开时显示的值 |
| showHeader | boolean | false | 时间下拉面板是否显示标题 |
| use12Hours | boolean | false | 是否使用 12 小时制 |
| format | string | 'HH:mm:ss' | 显示格式 |
| hourStep | number | 1 | 小时步长值 |
| minuteStep | number | 1 | 分钟步长值 |
| secondStep | number | 1 | 秒步长值 |
| disabledHours | () => number[] | 禁止选择的小时 | |
| disabledMinutes | (hour: number) => number[] | 禁止选择的分钟 | |
| disabledSeconds | (hour: number, minute: number) => number[] | 禁止选择的秒 | |
| hideDisabledElements | boolean | false | 是否隐藏被禁用的元素 |
事件
| 事件名 | 参数 | 说明 |
|---|---|---|
| valueChange | 当前显示的值 | 值变更事件 |
| clear | -- | 清除事件 |
插槽
TIP
暂无内容