v-time-picker는 다른 Vuetify 컴포넌트들에 사용될 수 있는 독자적(stand-alone) 컴포넌트 입니다. 타임 피커는 시간을 선택할 수 있는 시각적 표현을 제공합니다.


Time pickers have the light theme enabled by default.




Time picker colors can be set using the color and header-color props. If header-color prop is not provided header will use the color prop value.


You can't interact with disabled picker.


Read-only picker behaves same as disabled one, but looks like default one.

24h format

A time picker can be switched to 24hr format. Note that the format prop defines only the way the picker is displayed, picker's value (model) is always in 24hr format.

Allowed times

You can specify allowed times using arrays, objects, and functions. You can also specify time step/precision/interval - e.g. 10 minutes.

Setting picker width

You can specify allowed the picker's width or make it full width.

AM/PM switch in title

You can move AM/PM switch to picker's title.

No title

You can remove picker's title.

With seconds

Time picker can have seconds input.


You can edit time picker's value using mouse wheel.

In dialog and menu

Due to the flexibility of pickers, you can really dial in the experience exactly how you want it.


This is an example of joining pickers together using min and max prop.

Edit this page | language on Github
상점For Enterprise