The v-time-picker is stand-alone component that can be utilized in many existing Vuetify components. It offers the user a visual representation for selecting the time.

Time pickers have the light theme enabled by default.

제공되는 Props, Slots, Events 와 함수들을 이용하여 원하는 컴포넌트를 직접 구현해 보세요.

간단한 예재부터 복잡한 예제까지 아래를 참고해서 앱 개발을 시작해 보세요.

타임 피커의 색상은 colorheader-color prop을 이용하여 설정할 수 있습니다. header-color가 제공되지 않으면 color prop이 사용됩니다.

You can't interact with disabled picker.

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

타임 피커는 24시간 형식으로 사용할 수 있습니다.

선택 가능한 시간을 배열, 오브젝트, 함수를 이용하여 정의할 수 있습니다.

피커의 너비를 지정하거나 전체 너비로 만들 수도 있습니다.

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

You can remove picker's title.

Time picker can have seconds input.

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

피커들의 유연성으로 인해, 원하는 방식을 정확히 그대로 구현할 수 있습니다.

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

더 읽을 준비 되었나요? 그렇다면 아래 설명서를 더 읽어보세요!

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!