# Time pickers
v-time-picker
は、多くの既存 Vuetify コンポーネントで使用できるスタンドアロンコンポーネントです。 時間を選択するための視覚的な表現をユーザーに提供します。
# 使い方
タイムピッカーでは、デフォルトでライトテーマが有効になっています。
# API
# サンプル
# Props
# Allowed times
配列やオブジェクト、関数を使って入力可能な時間を指定できます。 また、時間ステップ/精度/間隔(例:10分)を指定することもできます。
# AMPM in title
AM/PMスイッチをピッカーのタイトルに移動できます。
# Colors
タイムピッカーの色は color
と header-color
プロパティを使用して設定できます。 header-color
prop が指定されていない場合は、 color
prop の値を使用します。
# Disabled
無効にされたピッカーを操作することはできません。
# Elevation
v-time-picker
コンポーネントを強調するには、0 から 24 までの elevation を指定します。 Elevationは box-shadow
css プロパティを変更します。
# フォーマット
タイムピッカーは24時間形式に切り替えることができます。 format
propはピッカーの表示方法のみを定義し、ピッカーの値(model)は常に24時間形式であることに注意してください。
# No title
ピッカーのタイトルを削除できます。
# 範囲
これはmin
とmax
propを使ってピッカー同士を結合した例です。
# Read-only(読み取り専用)
読み取り専用ピッカーは無効化されたものと同じ動作をしますが、デフォルトのものと同じように見えます。
# Scrollable
マウスホイールを使ってタイムピッカーの値を編集することができます。
# Use seconds
タイムピッカーに秒数を入力することができます。
# Width
ピッカーの幅を指定するか、全幅(full width)にすることができます。
# その他
# ダイアログとメニュー
ピッカーは柔軟性が高いので、思い通りの体験を実現することができます。