# Time pickers

v-time-picker は、多くの既存 Vuetify コンポーネントで使用できるスタンドアロンコンポーネントです。 時間を選択するための視覚的な表現をユーザーに提供します。

# 使い方

タイムピッカーでは、デフォルトでライトテーマが有効になっています。

# API

# サンプル

# Props

# Allowed times

配列やオブジェクト、関数を使って入力可能な時間を指定できます。 また、時間ステップ/精度/間隔(例:10分)を指定することもできます。

# AMPM in title

AM/PMスイッチをピッカーのタイトルに移動できます。

# Colors

タイムピッカーの色は colorheader-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

ピッカーのタイトルを削除できます。

# 範囲

これはminmax propを使ってピッカー同士を結合した例です。

# Read-only(読み取り専用)

読み取り専用ピッカーは無効化されたものと同じ動作をしますが、デフォルトのものと同じように見えます。

# Scrollable

マウスホイールを使ってタイムピッカーの値を編集することができます。

# Use seconds

タイムピッカーに秒数を入力することができます。

# Width

ピッカーの幅を指定するか、全幅(full width)にすることができます。

# その他

# ダイアログとメニュー

ピッカーは柔軟性が高いので、思い通りの体験を実現することができます。

準備はできましたか?

Vuetifyのチームが選ぶ関連コンテンツで他の学習トピックに進むか、下のナビゲーション リンクでページ間を移動できます。
GitHub でこのページを編集する
最終更新日:11/12/2024, 6:59:50 AM