Eonasdan日期时间选择器区域设置不起作用

Eonasdan datetimepicker locale not working

本文关键字：设置 不起作用 区域 选择器 日期 时间 Eonasdan      更新时间：2023-09-26

我正在尝试eonasdan日期时间选择器的区域设置选项，但注意到一个奇怪的行为。

案例1:

浏览器lang:en和html是

 <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: 'ru'
            });
        });
    </script>
</div>

日期时间选择器输入没有问题，它显示带有日期的"ru"日历。

案例2:

浏览器lang:ru和上面相同的html。datetimepicker显示"ru"日历，但输入值为空。

有人注意到这种行为吗？当将浏览器语言更改为英语以外的语言时，picker值变为空。

试试这个

<br/>
<div class="row">
  <div class="col-md-12">
    <h6>Datetimepicker</h6>
    <div class="form-group">
      <div class="input-group date" id="datetimepicker">
        <input type="text" class="form-control" /> <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
      </div>
    </div>
  </div>

JavaScript

 $('#datetimepicker').datetimepicker({
    locale: 'ru',   
});

小提琴演示

https://github.com/Eonasdan/bootstrap-datetimepicker/issues/530

若要切换区域设置，您可以加载当前的区域设置感兴趣，然后设置组件的语言选项。它将从moment库中获取所有需要的本地化字符串。

相关文章：