VTimePicker API
组件页面
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| allowed-hours | ||
| Restricts which hours can be selected. | ||
| allowed-minutes | ||
| Restricts which minutes can be selected. | ||
| allowed-seconds | ||
| Restricts which seconds can be selected. | ||
| ampm-in-title | ||
| Place AM/PM switch in title, not near the clock. | ||
| bg-color | ||
| Applies specified color to the control’s background. Used on components that also support the color prop. - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page . | ||
| border | ||
| Designates the border-radius applied to the component. This can be xs, sm, md, lg, xl. | ||
| color | ||
| Applies specified color to the control - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page . | ||
| disabled | ||
| Removes the ability to click or target the component. | ||
| elevation | ||
| Designates an elevation applied to the component between 0 and 24. You can find more information on the elevation page . | ||
| format | ||
| Defines the format of a time displayed in picker. Available options are ampm and 24hr. | ||
| height | ||
| Sets the height for the component. | ||
| hide-header | ||
| Hide the picker header. | ||
| location | ||
| Specifies the component’s location. Can combine by using a space separated string. | ||
| max | ||
| Maximum allowed time. | ||
| max-height | ||
| Sets the maximum height for the component. | ||
| max-width | ||
| Sets the maximum width for the component. | ||
| min | ||
| Minimum allowed time. | ||
| min-height | ||
| Sets the minimum height for the component. | ||
| min-width | ||
| Sets the minimum width for the component. | ||
| model-value | ||
| The v-model value of the component. If component supports the multiple prop, this defaults to an empty array. | ||
| position | ||
| Sets the position for the component. | ||
| readonly | ||
| Puts picker in readonly state. | ||
| rounded | ||
| Designates the border-radius applied to the component. This can be 0, xs, sm, true, lg, xl, pill, circle, and shaped. Find more information on available border radius classes on the Border Radius page . | ||
| scrollable | ||
| Allows changing hour/minute with mouse scroll. | ||
| tag | ||
| Specify a custom tag used on the root element. | ||
| theme | ||
| Specify a theme for this component and all of its children. | ||
| tile | ||
| Removes any applied border-radius from the component. | ||
| title | ||
| Specify a title text for the component. | ||
| use-seconds | ||
| MISSING DESCRIPTION | ||
| width | ||
| Width of the picker. | ||
事件
| 名称 | 类型 |
|---|---|
| update:hour | |
| Emitted when user selects the hour. | |
| update:minute | |
| Emitted when user selects the minute. | |
| update:modelValue | |
| Event that is emitted when the component’s model changes. | |
| update:period | |
| Emitted when user clicks the AM/PM button. | |
| update:second | |
| Emitted when user selects the second. | |
插槽
| actions |
| MISSING DESCRIPTION |
| default |
| Displayed below the clock, can be used for example for adding action button (OK and Cancel)/ |
| title |
| Slot for the component’s title content. |