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.

Use el tag el-time-select, se pueden asignar tiempo de inicio, tiempo de finalización y salto de tiempo con start, end y step.

Select time

Formato de hora ​

Use format para controlar el formato de hora (horas y minutos).

Revise la lista aquí de todos los formatos disponibles de Day.js.

WARNING

Preste atención a la capitalización

Select time

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.

Start time
End time

API ​

Atributos ​

NombreDescripciónTipoPor 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
include-end-time 2.9.3whether end is included in optionsbooleanfalse
sizetamaño del inputenumdefault
placeholderplaceholder en un modo fuera de rangostring—
name 2.13.3como name en input nativostring—
effectPopover tiene dos temas: dark y lightstring / enumlight
prefix-iconpersonaliza el componente de icono del prefijostring / 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á deshabilitadostring—
max-timetiempo máximo, cualquier tiempo después de éste será deshabilitadostring—
formatestablecer formato de horastring see formatsHH:mm
empty-values 2.7.0empty values of component, see config-providerarray—
value-on-clear 2.7.0clear return value, see config-providerstring / number / boolean / Function—
popper-class 2.11.4custom class name for TimeSelect's dropdownstring''
popper-style 2.11.4custom style for TimeSelect's dropdownstring / object—

Eventos ​

NombreDescripciónTipo
changese lanza cuando el usuario confirma el valorFunction
blurse dispara cuando se pierde el focoFunction
focusse dispara cuando se obtiene el focoFunction
clear 2.7.7triggers when the clear icon is clicked in a clearable TimeSelectFunction

Expuesto ​

MétodoDescripciónTipo
focuscoloca el foco en el elemento actualFunction
blurquitar el foco en el inputFunction

Fuente ​

Componentes • Style • Documentación

Contribuidores ​