Cordova - Globalisierung

Dieses Plugin wird verwendet, um Informationen über die Sprache des Gebietsschemas, das Datum und die Zeitzone, die Währung usw. der Benutzer abzurufen.

Schritt 1 - Installieren des Globalisierungs-Plugins

Öffnen command prompt und installieren Sie das Plugin, indem Sie den folgenden Code eingeben

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

Schritt 2 - Schaltflächen hinzufügen

Wir werden mehrere Schaltflächen hinzufügen index.html um verschiedene Methoden aufrufen zu können, die wir später erstellen werden.

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

Schritt 3 - Ereignis-Listener hinzufügen

Ereignis-Listener werden im Inneren hinzugefügt getDeviceReady Funktion in index.js Datei, um sicherzustellen, dass unsere App und Cordova geladen werden, bevor wir sie verwenden.

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

Schritt 4A - Sprachfunktion

Die erste Funktion, die wir verwenden, gibt das BCP 47-Sprach-Tag des Client-Geräts zurück. Wir werden verwendengetPreferredLanguageMethode. Die Funktion hat zwei Parameter onSuccess undonError. Wir fügen diese Funktion hinzuindex.js.

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

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

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

Sobald wir die drücken LANGUAGE Klicken Sie auf die Schaltfläche, um die Warnung auf dem Bildschirm anzuzeigen.

Schritt 4B - Gebietsschemafunktion

Diese Funktion gibt das BCP 47-Tag für die lokalen Einstellungen des Clients zurück. Diese Funktion ähnelt der zuvor erstellten. Der einzige Unterschied ist, dass wir verwendengetLocaleName Methode dieses Mal.

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

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

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

Wenn wir auf klicken LOCALE Klicken Sie auf die Schaltfläche, um die Warnung anzuzeigen.

Schritt 4C - Datumsfunktion

Diese Funktion wird für die Rückgabe des Datums gemäß dem Gebietsschema und der Zeitzoneneinstellung des Kunden verwendet. date Parameter ist das aktuelle Datum und options Parameter ist optional.

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');
   }
}

Wir können jetzt die App ausführen und drücken DATE Schaltfläche, um das aktuelle Datum anzuzeigen.

Die letzte Funktion, die angezeigt wird, ist die Rückgabe von Währungswerten gemäß den Geräteeinstellungen des Kunden und dem Währungscode ISO 4217. Sie können sehen, dass das Konzept das gleiche ist.

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');
   }
}

Das CURRENCY Die Schaltfläche löst eine Warnung aus, die das Währungsmuster des Benutzers anzeigt.

Dieses Plugin bietet andere Methoden. Sie können alles in der folgenden Tabelle sehen.

Methode Parameter Einzelheiten
getPreferredLanguage onSuccess, onError Gibt die aktuelle Sprache des Clients zurück.
getLocaleName onSuccess, onError Gibt die aktuellen Gebietsschemaeinstellungen des Clients zurück.
dateToString Datum, onSuccess, onError, Optionen Gibt das Datum entsprechend dem Gebietsschema und der Zeitzone des Kunden zurück.
stringToDate dateString, onSuccess, onError, Optionen Analysiert ein Datum gemäß den Einstellungen des Clients.
getCurrencyPattern rencyCode, onSuccess, onError Gibt das Währungsmuster des Kunden zurück.
getDatePattern onSuccess, onError, Optionen Gibt das Datumsmuster des Kunden zurück.
getDateNames onSuccess, onError, Optionen Gibt eine Reihe von Namen der Monate, Wochen oder Tage gemäß den Einstellungen des Clients zurück.
isDayLightSavingsTime Datum, Erfolg Rückruf, Fehler Rückruf Wird verwendet, um zu bestimmen, ob die Sommerzeit gemäß der Zeitzone und dem Kalender des Kunden aktiv ist.
getFirstDayOfWeek onSuccess, onError Gibt den ersten Tag der Woche gemäß den Clienteinstellungen zurück.
numberToString number, onSuccess, onError, options Gibt die Nummer gemäß den Einstellungen des Kunden zurück.
stringToNumber Zeichenfolge, onSuccess, onError, Optionen Analysiert eine Nummer gemäß den Einstellungen des Clients.
getNumberPattern onSuccess, onError, Optionen Gibt das Nummernmuster gemäß den Einstellungen des Clients zurück.