【问题标题】:Bootstrap - datepicker - how to pick US Locale settingsBootstrap - datepicker - 如何选择美国区域设置
【发布时间】:2015-09-14 15:52:07
【问题描述】:

我正在使用日期选择器 (http://eonasdan.github.io/bootstrap-datetimepicker/FAQ/#how-do-i-change-the-languagelocale),我正在努力使用美国的语言环境日历。我可以让 GB 正常工作。

除了 jQuery,我还附上了以下内容

    <link rel="stylesheet" href="css/bootstrap-datetimepicker.css">
<script src="js/moment.min.js"></script>
<script src="js/en-gb.js"></script>
<script src="js/bootstrap-datetimepicker.min.js"></script>

下面是日历对象

<div class="container">
 <div class="row">
     <div class='col-sm-6'>
         <div class="form-group">
             <div class='input-group date' id='datetimepicker1'>
                 <input type='text' class="form-control" />
                 <span class="input-group-addon">
                     <span class="glyphicon glyphicon-calendar"></span>
                 </span>
             </div>
         </div>
     </div>
     <script type="text/javascript">
         $(function () {
             $('#datetimepicker1').datetimepicker();
         });
     </script>
 </div>

<div class="container">
<div class="row">
    <div class='col-sm-6'>
        <div class="form-group">
            <div class='input-group date' id='datetimepicker2'>
                <input type='text' class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>

                </span>
            </div>
        </div>
    </div>
  <script type="text/javascript">
        $(function () {
            $('#datetimepicker2').datetimepicker({
                locale: 'en-gb'
            });
        });
    </script>
</div>

我想知道如何让美国日历正常工作(不使用moment-with-locales.min.js,这是一个巨大的文件!)

【问题讨论】:

  • 那么你的第一个代码给你的是什么语言环境? (datetimepicker1)
  • datetimepicker1 默认选择英历
  • moment-with-locales.min.js 是 45k,什么时候这么大了?

标签: jquery twitter-bootstrap-3 bootstrap-datetimepicker


【解决方案1】:

不要包含js/en-gb.js 并且不要指定区域设置,就像您对 datepicker1 所做的那样。我认为将语言环境指定为“en-us”也可以。

【讨论】:

  • 当我不包含 js/en-gb.js 时,我只得到美国日历。我的要求是从美国登录时带上美国日历(mm/dd/..),从英国登录时带上美国日历(dd/mm/..)。
  • 您目前如何确定是美国还是英国?使用相同的机制来确定是否包含en-gb
  • 看起来美国语言环境是“en”,但您应该也可以指定“en-us”,它会自动回退到“en”。
  • 谢谢罗伯特。它成功了! en 给我格式,en-gb 给我英国。更重要的是,我可以使用 35kb 文件的 moment.min.js 而不是 171kb 左右的 moment-with-locals.min.js。每个语言文件大约 2kb。大获全胜:)
  • 不是很大的胜利,但仍然是一个。当 gzip 压缩时,moment-with-locals.min.js 只有 45k,您应该使用它来服务您的 css/js。如果您使用moment-with-locals(它包含所有语言文件),则不需要其他语言文件。如果你只使用 en-us + en-gb,你可以节省大约 29k。 (moment.min.js 比 moment-with-locals.js 小 31k,但您还需要包含 en-gb.js,即 ~2k)。除非您自己进行 js 连接,否则您已经用 29k 的传输来换取额外的服务器请求——这是一个相当小的收益。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-04-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多