Time picker
O v-time-picker é um componente autônomo que pode ser utilizado em vários componentes existentes do Vuetify. Ele oferece ao usuário uma representação visual para a seleção do tempo.
API
Restringe quais horas podem ser selecionadas
Restringe quais minutos podem ser selecionados
Components.TimePickers.
Components.TimePickers.
Components.TimePickers.
Components.TimePickers.
Opções disponíveis são ampm e 24hr
Força largura 100%
Components.TimePickers.
Components.TimePickers.
Components.TimePickers.
Máximo tempo permitido
Mínimo tempo permitido
Components.TimePickers.
Components.TimePickers.
Permite alterar a hora/minuto com a rolagem do mouse
Components.TimePickers.
Controla visibilidade
A largura do conteúdo
Exemplos
Time pickers - Cores
As cores de um Time picker podem ser modificadas usando as propriedades color e header-color. Se não foi fornecido valor para a propriedade header-color, logo o cabeçalho (header) utilizará o valor da propriedade color.
Time pickers - Em um dialog e menu
Devido a flexibilidade dos pickers, você pode realmente marcar a experiência exatamente como você desejar.
Time pickers - Formato 24h
Um time picker pode ser alterado para o formato de 24 horas.
Time pickers - Tempos permitidos
Você pode especificar os tempos permitidos utilizando arrays, objetos e funções.
Time pickers - Definindo a largura do picker
Você pode especificar ao picker uma largura ou fazer com que ele possua largura total.