Time picker
v-time-picker является автономным компонентом, который может использоваться во многих существующих компонентах Vuetify. Он предлагает пользователю визуальное представление для выбора времени.
API
Ограничения, часы которых могут быть выбраны
Ограничивает, какие минуты можно выбрать
Components.TimePickers.
Применяет заданный цвет к элементу управления
Применяет тёмный вариант темы
Components.TimePickers.
Доступны следующие опции: ampm и 24hr
Форсировать 100% ширины
Определяет цвет заголовка. Если он не указан, он будет использовать цвет, определяемый свойством color или цветом по умолчанию
Ориентировать picker по горизонтали
Применяет светлый вариант темы
Максимально допустимое время
Минимальное допустимое время
Скрыть у picker заголовок
Components.TimePickers.
Позволяет изменять час/минуту с помощью мыши
Components.TimePickers.
Контроль видимости
Ширина содержимого
Примеры
Time pickers - Colors
Цветовая схема Time picker может быть установлена с помощью prop color и header-color. Если header-color prop не указан, заголовок будет использовать значение color.
Time pickers - В диалоговом окне и меню
Благодаря гибкости pickers вы можете действительно набирать опыт именно так, как вы этого хотите.
Time pickers - 24h format
Time picker можно переключить на 24-часовой формат.
Time pickers - доступное время для выбора
Вы можете указать доступное время, используя массивы, объекты и функции.
Time pickers - Установка ширины picker
Вы можете указать допустимую ширину picker или сделать её на всю ширину.