कॉर्डोवा - वैश्वीकरण

इस प्लगइन का उपयोग उपयोगकर्ताओं की स्थानीय भाषा, दिनांक और समय क्षेत्र, मुद्रा आदि के बारे में जानकारी प्राप्त करने के लिए किया जाता है।

चरण 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 यह सुनिश्चित करने के लिए कि हमारा उपयोग शुरू होने से पहले हमारा ऐप और कॉर्डोवा लोड हो गया है।

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

चरण 4 ए - भाषा समारोह

पहला फ़ंक्शन जो हम क्लाइंट के डिवाइस के रिटर्न 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 बटन, चेतावनी स्क्रीन पर दिखाई जाएगी।

चरण 4 बी - लोकेल फंक्शन

यह फ़ंक्शन क्लाइंट की स्थानीय सेटिंग्स के लिए 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 वर्तमान दिनांक देखने के लिए बटन।

अंतिम फ़ंक्शन जो हम दिखाएंगे, वह क्लाइंट के डिवाइस सेटिंग्स और आईएसओ 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 दिनांक, onSuccess, onError, विकल्प क्लाइंट के लोकेल और टाइमज़ोन के अनुसार रिटर्न की तारीख।
stringToDate dateString, onSuccess, onError, विकल्प ग्राहक की सेटिंग के अनुसार एक तारीख पार्स।
getCurrencyPattern करेंसीकोड, onSuccess, onError क्लाइंट का मुद्रा पैटर्न लौटाता है।
getDatePattern onSuccess, onError, विकल्प क्लाइंट की डेट पैटर्न लौटाता है।
getDateNames onSuccess, onError, विकल्प क्लाइंट की सेटिंग के अनुसार महीनों, हफ्तों या दिनों के नामों की एक सरणी देता है।
isDayLightSavingsTime तिथि, सफलता, वापसी, त्रुटि यह निर्धारित करने के लिए उपयोग किया जाता है कि क्या दिन के समय की बचत ग्राहक के समय क्षेत्र और कैलेंडर के अनुसार सक्रिय है।
getFirstDayOfWeek onSuccess, onError क्लाइंट सेटिंग के अनुसार सप्ताह का पहला दिन लौटाता है।
numberToString नंबर, onSuccess, onError, विकल्प क्लाइंट की सेटिंग के अनुसार रिटर्न नंबर।
stringToNumber स्ट्रिंग, onSuccess, onError, विकल्प क्लाइंट की सेटिंग के अनुसार एक नंबर को पर्स करता है।
getNumberPattern onSuccess, onError, विकल्प क्लाइंट की सेटिंग के अनुसार नंबर पैटर्न देता है।