0

我正在尝试使用 eonasdan datetimepicker 的语言环境选项，但注意到一个奇怪的行为。

情况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>

datetimepicker 输入没有问题，它显示带有日期的“ru”日历。

案例二：

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

有没有人注意到这种行为？Ipon将浏览器语言更改为英语以外的其他内容，选择器值变为空。

4

2 回答 2

0

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

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

于 2020-04-09T07:36:03.530 回答
0

尝试这个

<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',   
});

小提琴演示

于 2016-02-02T09:11:13.603 回答