Кордова - Глобализация

Этот плагин используется для получения информации о языке пользователя, дате и часовом поясе, валюте и т. Д.

Шаг 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 - Языковая функция

Первая функция, которую мы используем, возвращает языковой тег BCP 47 клиентского устройства. Мы будем использоватьgetPreferredLanguageметод. Функция имеет два параметра: Успех и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 - Функция языкового стандарта

Эта функция возвращает тег BCP 47 для локальных настроек клиента. Эта функция аналогична той, которую мы создали ранее. Единственная разница в том, что мы используем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 кнопку, чтобы увидеть текущую дату.

Последняя функция, которую мы покажем, - это возврат значений валюты в соответствии с настройками клиентского устройства и кодом валюты ISO 4217. Как видите, концепция та же.

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	date, onSuccess, onError, параметры	Возвращает дату в соответствии с языковым стандартом и часовым поясом клиента.
stringToDate	dateString, onSuccess, onError, параметры	Разбирает дату в соответствии с настройками клиента.
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, параметры	Возвращает шаблон номера в соответствии с настройками клиента.