5.20193.637
WjInputTime Wijmo API クラス

WjInputTime クラス

InputTime コントロール用のAngularJSディレクティブ。

wj-input-time ディレクティブを使用して、AngularJSアプリケーションに InputTime コントロールを追加できます。 ディレクティブ名とパラメーター名の書式は、キャメルケースではなくダッシュで結んだ小文字にする必要があります。 次に例を示します。

<p>InputTime コントロール:</p>
<wj-input-time
  value="theDate"
  format="h:mm tt"
  min="09:00" max="17:00"
  step="15">
</wj-input-time>

この例では、InputDate コントロールとInputTimeコントロールを使用して、 Date 値(日時の情報を含む)を編集します。 どちらのコントロールも同じコントローラ変数に連結されており、各コントロールはそれぞれの情報(日付または時刻)を編集します。 この例では、1回のクリックで日付を選択できる Calendar コントロールも示しています。

The wj-input-time ディレクティブは、次の属性を追加して wijmo.angular.input.WjComboBox を拡張します。

ng-model
@ Angular ng-modelディレクティブを使用して、コントロールの value プロパティを連結します。ng-modelディレクティブを使用してプロパティを連結すると、 検証、フォームインスタンスへのコントロールの状態の追加などの標準機能を活用できます。 ng-modelディレクティブによって連結されるコントロールのプロパティを再定義するには、wj-model-property属性を使用します。
wj-model-property
@ ng-model ディレクティブを使用して、スコープに連結するコントロールプロパティを指定します。
control
= このディレクティブによって作成されたInputDate コントロールへの参照。
format
@ 選択された時刻の表示に使用される書式。
mask
@ ユーザー入力時に入力の検証に使用されるマスク ( InputMaskを参照)。
max
@ 最も早い有効な時刻(書式"hh:mm"の文字列)。
min
@ 最も遅い有効な時刻(書式"hh:mm"の文字列)。
step
@ ドロップダウンリストのエントリ間の分数。
value
= 編集中の時刻を表すDateオブジェクト。
value-changed
& valueChanged イベントハンドラ。

min 属性と max 属性を指定する場合、それらは書式"hh:mm"の文字列にする必要があります。 技術的には、W3Cの [RFC 3339], で定義されている任意の日時を使用できます。これは、標準HTML5入力要素でも使用される書式です。

階層