TimeSelect
Use el Time Select para input de tipo time.
El intervalo de tiempo disponible es de 00:00 a 23:59
Selector de tiempo fijo
Provee una lista de tiempo fijo para que los usuarios escojan.
Formato de hora
Use format
para controlar el formato de tiempo (horas y minutos).
Revise la lista aquí de todos los formatos disponibles de Day.js.
WARNING
Preste atención a la capitalización
Rango de tiempo fijo
Si al principio se escoge la hora de inicio ( end ) el estado de la hora de final ( start ) cambiará en consecuencia.
Atributos
Atributo | Descripción | Tipo | Valores Aceptados | Por defecto |
---|---|---|---|---|
model-value / v-model | valor vinculado | string | — | — |
disabled | si el TimeSelect se encuentra deshabilitado | boolean | — | false |
editable | si el input puede ser editado | boolean | — | true |
clearable | si mostrar el botón de borrado | boolean | — | true |
size | tamaño del input | string | large / default / small | default |
placeholder | placeholder en un modo fuera de rango | string | — | — |
name | como name en input nativo | string | — | — |
effect | Popover tiene dos temas: dark y light | string | string | light |
prefix-icon | Personaliza el componente de icono | string | Component | — | Clock |
clear-icon | Personaliza el componente de icono de limpieza | string | Component | — | CircleClose |
start | tiempo de inicio | string | — | 09:00 |
end | tiempo de finalización | string | — | 18:00 |
step | salto de tiempo | string | — | 00:30 |
min-time | tiempo mínimo, cualquier tiempo antes de éste será deshabilitado | string | — | 00:00 |
max-time | tiempo máximo, cualquier tiempo después de éste será deshabilitado | string | — | — |
format | establecer formato de hora | string | vea formatos | HH:mm |
Eventos
Evento | Descripción | Parámetros |
---|---|---|
change | se lanza cuando el usuario confirma el valor | valor vinculado del componente |
blur | se dispara cuando se pierde el foco | component instance |
focus | se dispara cuando se obtiene el foco | component instance |
Métodos
Método | Descripción | Parámetros |
---|---|---|
focus | coloca el foco en el elemento actual | — |
blur | quitar el foco en el input | — |