Time picker
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.
API
Components.TimePickers.
Components.TimePickers.
Components.TimePickers.
Aplica el color especificado al control.
Aplica la variante del tema dark
Components.TimePickers.
Components.TimePickers.
Obliga a un ancho de 100%
Define el color del encabezado. Si no se especifica utilizará el color definido por la prop color o el color default del picker
Orienta el picker horizontalmente
Aplica la variante del tema light
Configura el ancho máximo
Configura el ancho mínimo
Esconde el título del picker
Components.TimePickers.
Components.TimePickers.
Components.TimePickers.
Controla la visibilidad
El ancho del contenido
Ejemplos
Time pickers - Colors
Time picker colors can be set using the color and header-color props. If header-color prop is not provided header will use the color prop value.
Time pickers - In dialog and menu
Due to the flexibility of pickers, you can really dial in the experience exactly how you want it.
Time pickers - 24h format
A time picker can be switched to 24hr format. Note that the format prop defines only the way the picker is displayed, picker's value (model) is always in 24hr format.
Time pickers - Allowed times
You can specify allowed times using arrays, objects, and functions. You can also specify time step/precision/interval - e.g. 10 minutes.
Time pickers - Setting picker width
You can specify allowed the picker's width or make it full width.