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