コルドバ-グローバリゼーション

このプラグインは、ユーザーのロケール言語、日付とタイムゾーン、通貨などに関する情報を取得するために使用されます。

ステップ1-グローバリゼーションプラグインのインストール

開いた command prompt 次のコードを入力してプラグインをインストールします

C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-globalization

ステップ2-ボタンを追加する

にいくつかのボタンを追加します index.html 後で作成するさまざまなメソッドを呼び出せるようにします。

<button id = "getLanguage">LANGUAGE</button>
<button id = "getLocaleName">LOCALE NAME</button>
<button id = "getDate">DATE</button>
<button id = "getCurrency">CURRENCY</button>

ステップ3-イベントリスナーを追加する

イベントリスナーは内部に追加されます getDeviceReady で機能する index.js 使用を開始する前に、アプリとCordovaがロードされていることを確認するためのファイル。

document.getElementById("getLanguage").addEventListener("click", getLanguage);
document.getElementById("getLocaleName").addEventListener("click", getLocaleName);
document.getElementById("getDate").addEventListener("click", getDate);
document.getElementById("getCurrency").addEventListener("click", getCurrency);

ステップ4A-言語機能

使用している最初の関数は、クライアントのデバイスのBCP47言語タグを返します。我々は使用するだろうgetPreferredLanguage方法。この関数には、SuccessとonSuccessの2つのパラメーターがあります。onError。この関数をに追加していますindex.js。

function getLanguage() {
   navigator.globalization.getPreferredLanguage(onSuccess, onError);

   function onSuccess(language) {
      alert('language: ' + language.value + '\n');
   }

   function onError(){
      alert('Error getting language');
   }
}

を押すと LANGUAGE ボタンを押すと、アラートが画面に表示されます。

ステップ4B-ロケール機能

この関数は、クライアントのローカル設定のBCP47タグを返します。この関数は、以前に作成したものと似ています。唯一の違いは、使用していることですgetLocaleName 今回はメソッド。

function getLocaleName() {
   navigator.globalization.getLocaleName(onSuccess, onError);

   function onSuccess(locale) {
      alert('locale: ' + locale.value);
   }

   function onError(){
      alert('Error getting locale');
   }
}

クリックすると LOCALE ボタンをクリックすると、アラートにロケールタグが表示されます。

ステップ4C-日付関数

この関数は、クライアントのロケールとタイムゾーンの設定に従って日付を返すために使用されます。 date パラメータは現在の日付であり、 options パラメータはオプションです。

function getDate() {
   var date = new Date();

   var options = {
      formatLength:'short',
      selector:'date and time'
   }
   navigator.globalization.dateToString(date, onSuccess, onError, options);

   function onSuccess(date) {
      alert('date: ' + date.value);
   }

   function onError(){
      alert('Error getting dateString');
   }
}

これで、アプリを実行してを押すことができます DATE ボタンをクリックすると、現在の日付が表示されます。

ここで示す最後の関数は、クライアントのデバイス設定とISO4217通貨コードに従って通貨値を返すことです。コンセプトが同じであることがわかります。

function getCurrency() {
   var currencyCode = 'EUR';
   navigator.globalization.getCurrencyPattern(currencyCode, onSuccess, onError);

   function onSuccess(pattern) {
      alert('pattern: '  + pattern.pattern  + '\n' +
         'code: '     + pattern.code     + '\n' +
         'fraction: ' + pattern.fraction + '\n' +
         'rounding: ' + pattern.rounding + '\n' +
         'decimal: '  + pattern.decimal  + '\n' +
         'grouping: ' + pattern.grouping);
   }

   function onError(){
      alert('Error getting pattern');
   }
}

ザ・ CURRENCY ボタンは、ユーザーの通貨パターンを表示するアラートをトリガーします。

このプラグインは他の方法を提供します。以下の表ですべてを見ることができます。

方法	パラメーター	詳細
getPreferredLanguage	onSuccess、onError	クライアントの現在の言語を返します。
getLocaleName	onSuccess、onError	クライアントの現在のロケール設定を返します。
dateToString	日付、onSuccess、onError、オプション	クライアントのロケールとタイムゾーンに従って日付を返します。
stringToDate	dateString、onSuccess、onError、options	クライアントの設定に従って日付を解析します。
getCurrencyPattern	CurrencyCode、onSuccess、onError	クライアントの通貨パターンを返します。
getDatePattern	onSuccess、onError、オプション	クライアントの日付パターンを返します。
getDateNames	onSuccess、onError、オプション	クライアントの設定に従って、月、週、または日の名前の配列を返します。
isDayLightSavingsTime	日付、successCallback、errorCallback	クライアントのタイムゾーンとカレンダーに従って、夏時間がアクティブかどうかを判断するために使用されます。
getFirstDayOfWeek	onSuccess、onError	クライアントの設定に従って、週の最初の曜日を返します。
numberToString	番号、onSuccess、onError、オプション	クライアントの設定に従って数値を返します。
stringToNumber	文字列、onSuccess、onError、オプション	クライアントの設定に従って数値を解析します。
getNumberPattern	onSuccess、onError、オプション	クライアントの設定に従って数値パターンを返します。