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
sizetamaño del inputenumdefault
placeholderplaceholder en un modo fuera de rangostring
namecomo 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

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

ComponentesStyleDocumentación

Contribuidores