cordova - Cordova国际化 - cordova教程 , 学习cordova , cordova android , cordova ios



  • 这个插件是用于获取关于用户区域设置语言,日期和时区,货币等的信息。
Wikitechy cordova tutorial tags - apache cordova , cordova教程 , 学习cordova , cordova android , cordova ios , cordova plugin add , cordova android studio , phonegap android , phonegap ios , cordova下载 , apache cordova是什么 , cordova plugin开发 , apache cordova教程 , cordova 教程 , cordova插件开发 , cordova菜鸟教程 , 菲律宾cordova岛 , cordova 持续定位

第1步- 安装全球化插件

cordova教程 - cordova - 
Cordova全球化 - 
cordova plugin -Cordova文件系统 - Cordova plugin 生成 -  
- Cordova文件传输 - apache cordova的例子
  • 打开命令提示符窗口,键入如下所示的代码来安装这个插件。

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>
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team

第3步 - 添加事件监听器

  • 事件侦听器将被添加到index.js文件的DeviceReady函数里面,以确保我们开始使用它之前,应用程序被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);
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team

步骤4A - 语言函数

  • 我们使用第一个函数返回户端设备的BCP客47语言标记。这里使用的是 getPreferredLanguage 方法. 该函数有两个参数:onSuccess和onError。我们在 index.js 中使用此函数。
cordova教程 - cordova - 
Cordova全球化 - 
cordova plugin -Cordova文件系统 - Cordova plugin 生成 -  
- Cordova文件传输 - apache cordova的例子
function getLanguage() {
   navigator.globalization.getPreferredLanguage(onSuccess, onError);

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

   function onError(){
      alert('Error getting language');
   }
	
}
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team
  • 当我们按 LANGUAGE 按钮,弹出框就会显示在屏幕上。
 language button

学习cordova - cordova教程 - 语言按钮 - cordova示例 - cordova程序

Wikitechy cordova tutorial tags - apache cordova , cordova教程 , 学习cordova , cordova android , cordova ios , cordova plugin add , cordova android studio , phonegap android , phonegap ios , cordova下载 , apache cordova是什么 , cordova plugin开发 , apache cordova教程 , cordova 教程 , cordova插件开发 , cordova菜鸟教程 , 菲律宾cordova岛 , cordova 持续定位

步骤4B - 区域设置函数

  • 该函数返回客户端的区域设置的 BCP 47标记。此函数和我们之前创建的相似。唯一的区别是,我们这次使用的是 getLocaleName 方法。
cordova教程 - cordova - Cordova本土化 - 
cordova plugin -Cordova文件系统 - Cordova plugin 生成 -  
- Cordova文件传输 - apache cordova的例子
function getLocaleName() {
   navigator.globalization.getLocaleName(onSuccess, onError);

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

   function onError(){
      alert('Error getting locale');
   }
	
}
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team
  • 当我们点击LOCALE按钮,弹出框将显示我们的区域标记。
 locale button

学习cordova - cordova教程 - locale按钮 - cordova示例 - cordova程序

  • 最后一个函数功能,将是根据客户设备的设置和 ISO4217 货币代码返回货币值。
Wikitechy cordova tutorial tags - apache cordova , cordova教程 , 学习cordova , cordova android , cordova ios , cordova plugin add , cordova android studio , phonegap android , phonegap ios , cordova下载 , apache cordova是什么 , cordova plugin开发 , apache cordova教程 , cordova 教程 , cordova插件开发 , cordova菜鸟教程 , 菲律宾cordova岛 , cordova 持续定位

步骤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');
   }
	
}
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team
  • 现在,我们运行应用程序,并按下DATE 按钮来看当前的日期。
 date button

学习cordova - cordova教程 - 日期按钮 - cordova示例 - cordova程序

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');
   }
	
}
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team
  • 当点击 CURRENCY 按钮会触发弹出框,显示用户的货币模式。
 currency  button

学习cordova - cordova教程 - 货币按钮 - cordova示例 - cordova程序

  • 这个插件提供了其他方法。可以看到如下面的表中。

wikitechy provides you the following points such as cordova , cordova教程 , 学习cordova , cordova android , cordova ios , cordova plugin add , cordova android studio , phonegap android , phonegap ios , cordova api , cordova-android , phonegap cordova , cordova plugin , cordova下载 , apache cordova是什么 , cordova cli , cordova plugin开发 , apache cordova教程 , cordova 教程 , vue cordova , ngcordova , ionic cordova , cordova plugin file , cordova 安装 , ionic 会取代cordova么 , cordova怎么样 , cordova插件开发 ,cordova菜鸟教程 , cordova react , cordova ionic vuejs , 菲律宾cordova岛 , cordova 持续定位 , phonegap , cordoba , cordova plugins , cardova , apache cordova , cordova phonegap , ionic cordova phonegap , apache cordova alternatives , cordova for visual studio , best ide for cordova development , create cordova plugin android , cordova ios 4 , apache cordova download , cordova build command , cordova web support , cordova webview android , how to install cordova , phonegap developer , apache cordova ionic , cordova command

Related Searches to Cordova国际化