jquery globalize：如何将我需要的模块添加到项目中答案

【问题标题】：jquery globalize: how to add the modules I need to the projectjquery globalize：如何将我需要的模块添加到项目中
【发布时间】：2014-04-17 21:52:44
【问题描述】：

他们的例子和代码只是顺便提到如何只使用你需要的模块。

例如，如果您需要日期格式化程序，您如何使用它？

您只是将它与 globalize.js 一起使用，还是以某种方式单独加载，类似于加载 cldr 文件？

例如：

<html>
     <head>
        <script type="text/javascript" src="../js/globalize/globalize.js"></script>
     </head> 
     ...

加载 globalize.js 就好了。但我没有加载日期模块，所以代码中的某处 Globalize.dateFormat 没有定义。

但如果我这样做，要获取日期模块，如示例之一所示。

 <html>
     <head>
        <script type="text/javascript" src="../js/globalize/globalize.js"></script>
        <script type="text/javascript" src="../js/globalize/date.js"></script>
     </head> 
     ...

根本不加载全球化；如果我尝试执行 Globalize.locale("us") 那么 Globalize 是未定义的。

【问题讨论】：

好吧，munging 不起作用。然后它甚至根本找不到 Globalize。
单独加载也不行。
嘿 - 你能举一个你试过的例子吗？我不确定您的意思是仅在 jquery 库中包含某些模块还是如何包含模块.. 即。 ui/form 验证等。
我没有在这里使用最好的调试器，我正在通过 USB 电缆进行远程处理。当我将 date.js 添加到脚本时，似乎没有定义 Globalize.load。
好的 - 好吧，你似乎没有使用 jQuery - 这会使我要说的内容变得微不足道。所以，你试试这个。加载 globalize.js——因为有一个全局“Globalize”并且有一个函数“load”。每 500 毫秒创建一个 setInterval 以查看对象 Globalize 是否存在，以及是否希望 Globalize.load 存在并且是一个函数。然后如果他们通过，创建 Script 元素并加载 date.js

标签： javascript jquery javascript-globalize

【解决方案1】：

没有必要延迟加载 date.js，所以我以通常的方式在标题中指定了它。我确实把它往下移了很多，这可能给了一些先决条件的加载时间。

var locLoaded = null;
function loadGlobalize(locale) {
  var loc = util.fixNoE(locale, "en");

  var codes = [
    'ar', 'ca', 'cs', 'da', 'de', 'el', 'en', 'en-001', 'en-AU', 'en-CA',
    'en-GB', 'en-HK', 'en-IN', 'es', 'fi', 'fr', 'he', 'hi', 'hr',
    'hu', 'it', 'ja', 'ko', 'nb', 'nl', 'pl', 'pt', 'pt-PT', 'ro', 'ru',
    'sk', 'sl', 'sr', 'sv', 'th', 'tr', 'uk', 'vi', 'zh', 'zh-Hant'
  ];

  if (codes.indexOf(loc) < 0) {
    var baseLoc = loc.split('-')[0];
    var index = codes.indexOf(baseLoc);
    loc = (index > -1 ? baseLoc : "EN");
  }

  if (loc != locLoaded) {

    var files = [
      "../globalize/supplemental/likelySubtags.json",
      "../globalize/supplemental/timeData.json",
      "../globalize/supplemental/weekData.json",
      "../globalize/main/" + loc + "/ca-gregorian.json",
      "../globalize/main/" + loc + "/numbers.json",
      "../globalize/main/" + loc + "/dateFields.json"
    ];

    var fileCount = files.length;
    files.forEach(function(f) {
      $.getJSON(f, function(data) {
        fileCount--;
        Globalize.load(data);
        if (fileCount == 0) {
          //wait until the last file is loaded to specify the locale
          Globalize.locale(loc);
        }
      });
    });
    locLoaded = loc;
  }
}

loadGlobalize(window.navigator.userLanguage || window.navigator.language);

在我的应用程序中，此代码位于已加载 DOM 和 jQuery 的块中。导致此问题的 globalize.js 文档有两点不同：

您必须按照文档示例中的说明执行 $.getJSON() 而不是 $.get()。
如果在加载适当的数据文件之前运行 Globalize.locale()，则不会获得有效的日期格式化程序对象。

【讨论】：