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

AtributoDescripciónTipoValores AceptadosPor defecto
model-value / v-modelvalor vinculadostring
disabledsi el TimeSelect se encuentra deshabilitadobooleanfalse
editablesi el input puede ser editadobooleantrue
clearablesi mostrar el botón de borradobooleantrue
sizetamaño del inputstringlarge / default / smalldefault
placeholderplaceholder en un modo fuera de rangostring
namecomo name en input nativostring
effectPopover tiene dos temas: dark y lightstringstringlight
prefix-iconPersonaliza el componente de iconostring | ComponentClock
clear-iconPersonaliza el componente de icono de limpiezastring | ComponentCircleClose
starttiempo de iniciostring09:00
endtiempo de finalizaciónstring18:00
stepsalto de tiempostring00:30
min-timetiempo mínimo, cualquier tiempo antes de éste será deshabilitadostring00:00
max-timetiempo máximo, cualquier tiempo después de éste será deshabilitadostring
formatestablecer formato de horastringvea formatosHH:mm

Eventos

EventoDescripciónParámetros
changese lanza cuando el usuario confirma el valorvalor vinculado del componente
blurse dispara cuando se pierde el fococomponent instance
focusse dispara cuando se obtiene el fococomponent instance

Métodos

MétodoDescripciónParámetros
focuscoloca el foco en el elemento actual
blurquitar el foco en el input

Fuente

ComponentesDocumentación

Contribuidores