Магазин

Для бизнеса

The v-time-picker is stand-alone component that can be utilized in many existing Vuetify components. It offers the user a visual representation for selecting the time.

Time pickers have the light theme enabled by default.

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

Цветовая схема Time picker может быть установлена с помощью prop color и header-color. Если header-color prop не указан, заголовок будет использовать значение color.

You can't interact with disabled picker.

Read-only picker behaves same as disabled one, but looks like default one.

Time picker можно переключить на 24-часовой формат.

Вы можете указать доступное время, используя массивы, объекты и функции.

Вы можете указать допустимую ширину picker или сделать её на всю ширину.

You can move AM/PM switch to picker's title.

You can remove picker's title.

Time picker can have seconds input.

You can edit time picker's value using mouse wheel.

Благодаря гибкости pickers вы можете действительно набирать опыт именно так, как вы этого хотите.

This is an example of joining pickers together using min and max prop.

Ready for more? Continue reading with:

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!