3

他们的示例和代码仅顺便提及如何仅使用您需要的模块。

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

您是否只是将它与 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 是未定义的。

4

1 回答 1

4

不需要延迟加载 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 文档有两点不同:

  1. 您必须按照文档示例中的说明执行 $.getJSON() 而不是 $.get() 。

  2. 如果在加载适当的数据文件之前运行 Globalize.locale(),则不会获得有效的日期格式化程序对象。

于 2014-04-21T18:16:39.330 回答