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
.
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
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.
API
Atributos
Nombre | Descripción | Tipo | 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 | enum | 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 / enum | light |
prefix-icon | personaliza el componente de icono del prefijo | 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 | — |
max-time | tiempo máximo, cualquier tiempo después de éste será deshabilitado | string | — |
format | establecer formato de hora | string see formats | HH:mm |
empty-values 2.7.0 | empty values of component, see config-provider | array | — |
value-on-clear 2.7.0 | clear return value, see config-provider | string / number / boolean / Function | — |
Eventos
Nombre | Descripción | Tipo |
---|---|---|
change | se lanza cuando el usuario confirma el valor | Function |
blur | se dispara cuando se pierde el foco | Function |
focus | se dispara cuando se obtiene el foco | Function |
clear 2.7.7 | triggers when the clear icon is clicked in a clearable TimeSelect | Function |
Expuesto
Método | Descripción | Tipo |
---|---|---|
focus | coloca el foco en el elemento actual | Function |
blur | quitar el foco en el input | Function |
Fuente
Componentes • Style • Documentación