Lightning コンポーネント開発者ガイド
jui:outputDateTime
ユーザのロケールに基づいた指定またはデフォルト形式で日時を表示します。
ui:outputDateTime コンポーネントは、HTML span タグでラップされた日時出力を表します。このコンポーネントは、日付入力を取り込む ui:inputDateTime と共に使用できます。ui:outputDateTime は、ブラウザのロケール情報を取得し、それに従って日付を表示します。日時を表示する場合、属性値を使用して ui:outputDateTime コンポーネントにバインドできます。
前の例によって次の HTML が表示されます。
次の例は、ui:inputDateTime コンポーネントのデータをバインドする方法を示します。
属性
| 属性名 | 属性型 | 説明 | 必須項目 |
|---|---|---|---|
| body | Component[] | コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。 | |
| class | String | コンポーネントに添付される CSS スタイル。このスタイルは、コンポーネントで出力される基本スタイルに追加されます。 | |
| format | String | value 属性の日時の形式設定に使用される文字列 (パターン文字は java.text.SimpleDateFormat で定義されます)。 | |
| langLocale | String | 日付値の形式設定に使用される言語ロケール。 | |
| timezone | String | タイムゾーン ID (America/Los_Angeles など)。 | |
| value | String | 日時を表す ISO8601 形式の文字列。 | はい |
イベント
| イベント名 | イベントタイプ | 説明 |
|---|---|---|
| dblclick | COMPONENT | コンポーネントがダブルクリックされたことを示します。 |
| mouseover | COMPONENT | ユーザがマウスポインタをコンポーネントに移動したことを示します。 |
| mouseout | COMPONENT | ユーザがマウスポインタをコンポーネントから移動したことを示します。 |
| mouseup | COMPONENT | ユーザがマウスボタンを放したことを示します。 |
| mousemove | COMPONENT | ユーザがマウスポインタを移動したことを示します。 |
| click | COMPONENT | コンポーネントがクリックされたことを示します。 |
| mousedown | COMPONENT | ユーザがマウスキーを押したことを示します。 |