Cordova国际化

第1步- 安装全球化插件

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

第2步 - 添加按钮

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

第3步 - 添加事件监听器

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 方法. 该函数有两个参数：onSuccess和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函数

此功能用于根据用户的语言环境和时区设置返回日期。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 按钮会触发弹出框，显示用户的货币模式。