Lightning コンポーネント開発者ガイド
jローカライズ
このフレームワークでは、入力および出力コンポーネントでクライアント側ローカライズのサポートを提供します。
コンポーネントは、ブラウザのロケール情報を取得し、それに従って日時を表示します。次の例では、デフォルトの langLocale および timezone 属性を上書きする方法を示します。出力には、デフォルトで hh:mm 形式の時刻が表示されます。
コンポーネントのソース
1<aura:component>
2 <ui:outputDateTime value="2013-05-07T00:17:08.997Z" timezone="Europe/Berlin" langLocale="de"/>
3</aura:component>このコンポーネントは、Mai 7, 2013 2:17:08 AM と表示されます。
さらに、グローバル値プロバイダ $Locale を使用してブラウザのロケール情報を取得できます。このフレームワークは、デフォルトでブラウザのロケールを使用しますが、グローバル値プロバイダを利用して他のロケールを使用するように設定できます。
ローカライズサービスの使用
フレームワークのローカライズサービスでは、日付、時刻、数値、通貨のローカライズを管理できます。
次の例では、$Locale とローカライズサービスを使用して、設定済みの形式で日時を設定します。
1var dateFormat = $A.get("$Locale.dateFormat");
2var dateString = $A.localizationService.formatDateTime(new Date(), dateFormat);ブラウザの日付情報を取得しない場合は、独自の日付形式を指定できます。次の例では、日付形式を指定し、ブラウザの言語ロケール情報を使用します。
1var dateFormat = "MMMM d, yyyy h:mm a";
2var userLocaleLang = $A.get("$Locale.langLocale");
3return $A.localizationService.formatDate(date, dateFormat, userLocaleLang);次の例では、2 つの日付を比較して、一方がもう一方より後の日付かどうかを確認します。
1if( $A.localizationService.isAfter(StartDateTime,EndDateTime)) {
2 //throw an error if StartDateTime is after EndDateTime
3}