以下の 2 種類のローカライズがあります。1 つ目は、コントロール内のローカライズ リソースです。2 つ目は、コントロール内の地域設定です。
コントロールのローカライズ リソースは、ブルガリア語、ロシア語、日本語、ドイツ語、スペイン語、フランス語です。これらは、js/modules/i18n (js は、Ignite UI for jQuery プログラムのインストール パス内の JavaScript ファイルのルート フォルダー) にあります。ローカライズ リソースの詳細については、Ignite UI for jQuery コントロールのローカライズのカスタマイズをご覧ください。
一方、地域設定では、特有の日付や数値の形式、同様に通貨記号、小数点記号、小数点などの形式を提供します。これらは ../js/modules/i18n/regional (js が Ignite UI for jQuery プログラム インストール パスの JavaScript ファイルのルート フォルダー) にあります。
regional
オプションは、特定の地理的地域をターゲットとする場合にユーザーに高度なユーザー エクスペリエンスを提供します。
igDatePicker
および igDateEditor
の 2 つのエディターがこの regional
オプションによって最も影響を受けます。特定の地域のユーザーに期待されるコンテキストでエディターを表示したい場合、必要な地域値を設定することによりエディターはそのカルチャに適切な日付形式を表示します。これはローカライズされた月日の名前、またデフォルトの日時形式パターンが含まれます。
igDatePicker
では、regional
オプションがその言語のカレンダー月名と日の名前に設定します。更に「次へ」や「戻る」などの igDatePicker
カレンダーのラベルを更新します。
igNumericEditor
、igCurrencyEditor
、または igPercentEditor
で regional
オプションを設定した場合、コンポーネントは指定したカルチャに適切な正しい負のパターン、小数点、 グループ区切りが使用されます。正しい通貨記号を表示し、ユーザーが期待するコンテキストを提供します。
igDatePicker
コントロールをブルガリア地域設定で初期化します。
$('#editor').igDatePicker({ regional: "bg" });
以下は、regional
設定の一覧およびそれをエディターに適用する方法を示します。
オプション | 説明 | |
---|---|---|
"monthNames" | カレンダーの月の完全な名前。 | |
"monthNamesShort" | dateFormat オプションで要求される日付ピッカーの月ヘッダーに使用される省略された月名。 |
|
"dayNames" | dateDisplayFormat オプションで要求に応じて使用される長い名前。 |
|
"dayNamesShort" | dateDisplayFormat オプションで要求に応じて使用される省略名。 |
|
"datePattern" | dateDisplayFormat: "date」 が設定されているときに表示される日付の書式。 |
|
"dateLongPattern" | dateDisplayFormat: "dateLong」 が設定されているときに表示される日付の書式。 |
|
"dateTimePattern" | dateDisplayFormat: "dateTime」 が設定されているときに表示される日付の書式。 |
|
"timePattern" | dateDisplayFormat: "time」 が設定されているときに表示される日付の書式。 |
|
"timeLongPattern" | dateDisplayFormat: "timeLong" が設定されているときに表示される日付の書式。 |
regional
オプションも各 jQuery UI datepicker ローカライズ属性を適用します。各地域ファイルはロケールの完全なセットを定義 ($.datepicker.regional['fr']
など) します。以下のリストにカレンダーをカスタマイズするための igDatePicker
に適切なロケールが含まれます。
オプション | 説明 | |
---|---|---|
CloseText | igDatePicker カレンダーの close ボタンのテキスト。ボタンを表示するために datepickerOptions オプションの showButtonPanel オプションを有効にする必要があることに注意してください。 |
|
"prevText" | 前の月へ移動するボタンのテキスト。 | |
"nextText" | 次の月へ移動するボタンのテキスト。 | |
"currentText" | カレンダーの現在の日を選択するボタンのテキスト。ボタンを表示するために datepickerOptions オプションの showButtonPanel オプションを有効にする必要があることに注意してください。 |
|
"monthNamesShort" | datepicker で月ヘッダーとして使用される省略された月名。 | |
"dayNamesMin" | datepicker で列ヘッダーとして使用する最小化された日の名前。 | |
"weekHeader" | 年の週番号の列見出しで表示するテキスト。この列を表示するために datepickerOptions オプションの showWeek オプションを有効にする必要があることに注意してください。 |
|
"firstDay" | このオプションはカレンダーで週の始まりの曜日を設定します。 | |
"isRTL" | 現在の言語が右から左へ描画されるかどうか。 | |
"showMonthAfterYear" | ヘッダーで年の後に月を表示するかどうか。 | |
"yearSuffix" | 月ヘッダーで年の後に表示するテキスト。 |
オプション | 説明 | |
---|---|---|
"numericNegativePattern" | 負の値の表示に使用されるパターン。 | |
"numericDecimalSeparator" | 小数点記号として使用する文字。 | |
"numericGroupSeparator" | グループ (千の位など) の区切りとして使用する文字。 | |
"numericMaxDecimals" | 表示モード (フォーカスなし) の場合に使用する小数点以下の最大桁数。 |
オプション | 説明 | |
---|---|---|
"currencyPositivePattern" | 正の値の表示に使用されるパターン。 | |
"currencyNegativePattern" | 負の値の表示に使用されるパターン。 | |
"currencySymbol" | 表示モードで示される通貨記号として使用される文字。 | |
"currencyDecimalSeparator" | 小数点記号として使用される文字。 | |
"currencyGroupSeparator" | グループ (千の位など) の区切りとして使用する文字。 |
オプション | 説明 | |
---|---|---|
"percentPositivePattern" | 正の値の表示に使用されるパターン。 | |
"percentNegativePattern" | 負の値の表示に使用されるパターン。 | |
"percentDecimalSeparator" | 小数点記号として使用する文字。 | |
"percentGroupSeparator" | グループ (千の位など) の区切りとして使用する文字。 |
サポートされる全地域のリスト: "af", "ar", "az", "bg", "bs", "ca", "cs", "da", "de", "el", "en", "en-GB", "es", "es-419", "es-MX", "et", "fa", "fi", "fo", "fr", "fr-CH", "he", "hr", "hu", "hy", "id", "is", "it", "ja", "ko", "lt", "lv", "ms", "nl", "no", "pl", "pt-BR", "ro", "ru", "sk", "sl", "sq", "sr", "sr-SR", "sv", "ta", "th", "tr", "uk", "vi", "zh-CN", "zh-HK", "zh-TW。
このサンプルでは、日付、数値、通貨のデフォルト書式を変更するためにエディターの regional
オプションにカルチャを設定する方法を示します。ここに 3 つの地域 (United States、Japan、Tamil India) が構成されています。infragistics.ui.regional-i18n.js ファイルから他の地域を選択できます。
オンラインで表示: GitHub