TimePicker

Use el Time Picker para input de tipo time.

TIP

Este componente requiere el envoltorio <client-only></client-only> cuando se utiliza en SSR (por ejemplo: Nuxt) y SSG (por ejemplo: VitePress).

Selector de tiempo arbitrario

Puede elegir un tiempo arbitrario.

Limitar el rango de tiempo

También puede limitar el rango de tiempo.

Rango de tiempo arbitrario

Es posible escoger un rango de tiempo arbitrario.

API

Atributos

Nombre	Descripción	Tipo	Por defecto
model-value / v-model	valor enlazado, si es un array, la longitud debe ser de 2	`number` / `string` / `object`	''
readonly	si el Time Picker está en modo de sólo lectura	`boolean`	false
disabled	si el Time Picker 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`	—
placeholder	placeholder en modo no rango	`string`	''
start-placeholder	placeholder para el tiempo de inicio en modo de rango	`string`	—
end-placeholder	placeholder para el tiempo de finalización en modo de rango	`string`	—
is-range	si es posible escoger un rango de tiempo, solo funciona con	`boolean`	false
arrow-control	si es posible escoger el tiempo usando los botones de flecha	`boolean`	false
popper-class	nombre de clase personalizada para el dropdown del Time Picker	`string`	''
range-separator	separador de rango	`string`	'-'
format	formato en que se muestra el valor en el input	`string` see date formats	—
default-value	opcional, fecha predeterminada del calendario	`Date` / `object`	—
value-format	optional, format of binding value. If not specified, the binding value will be a Date object	`string` see date formats	—
id	igual que `id` en el input nativo	`string` / `object`	—
name	como `name` en input nativo	`string`	''
label a11y deprecated	igual que `aria-label` en el input nativo	`string`	—
aria-label a11y 2.7.2	same as `aria-label` in native input	`string`	—
prefix-icon	Personaliza el componente de icono de prefijo	`string` / `Component`	Clock
clear-icon	Personaliza el componente de icono de limpieza	`string` / `Component`	CircleClose
disabled-hours	Especifica el array de horas que no se pueden seleccionar	`Function`	—
disabled-minutes	Especifica el array de minutos que no se pueden seleccionar	`Function`	—
disabled-seconds	Especifica el array de segundos que no se pueden seleccionar	`Function`	—
teleported	si el menú desplegable del time-picker se teletransporta al body	`boolean`	true
tabindex	orden de tabulación para el Input	`string` / `number`	0
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`
visible-change	se dispara cuando aparece/desaparece el desplegable	`Function`

Expuesto

Nombre	Descripción	Tipo
focus	coloca el foco en el elemento actual	`Function`
blur	quitar el foco en el input	`Function`
handleOpen 2.2.16	abre el popper de TimePicker	`Function`
handleClose 2.2.16	cierra el popper de TimePicker	`Function`