Vuetify

Магазин

Для бизнеса

Time pickers

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.

API

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

Примеры

Ниже приведена коллекция простых и сложных примеров.

Цветовая схема 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 или сделать её на всю ширину.

Emphasize the v-time-picker component by providing an elevation from 0 to 24. Elevation modifies the box-shadow css property.

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.

Что дальше?

Готовы к большему? Продолжить чтение с:

buttons
components
date-pickers
components
text-fields
components
Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!