Question

在我的webapp中我使用的是bootstrap组件;在我的一个页面中，我试图设置一个引导日期选择器，或者更好的日期时间选择器，仍然没有运气。

我的css和js导入是（按顺序）：

bootstrap.css
datepicker.css
的jquery.js
bootstrap.js
自举-datepicker.js

我写的代码是：

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date'>
                    <input data-format="dd/MM/yyyy hh:mm:ss" type='text' class="form-control" id='datetimepicker2' />
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
        $(document).ready(function() {
                $('#datetimepicker2').datetimepicker();
            });
        </script>
    </div>
</div>

但我尝试了很多脚本组合（避免文档就绪函数调用，只是调用函数），在div和input上设置'datetimepicker2'id，总是没有运气。

当我尝试使用datepicker时，没有任何反应，在控制台中我总是得到：

未捕获的typeerror undefined不是函数

错误就行：

$('#datetimepicker2').datetimepicker();

我在网上搜索过，我不是唯一一个有这个问题的人，很多人都解决了将div类放入'日期'的问题，但这对我来说并没有成功。其他人也建议导入jQueryUI，但仍然没有运气。任何提示？

Answer 1

似乎是一个jquery冲突。检查你的jquery版本和bootstrap datepicker所需的jquery版本，或者你可能在html页面中导入了两个jquery版本。

Answer 2

＆＃13;

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

＆＃13;

上面的代码片段是我们所需要的，但只需要添加一行。这是在脚本标签中。从上面复制div代码，从下面复制脚本部分。

＆＃13;

$.noConflict();
$(function() {
  $('#datetimepicker1').datetimepicker();
});

＆＃13;

我希望这清楚地回答你的问题......

Code courtsey：http://eonasdan.github.io/bootstrap-datetimepicker/

Bootstrap datepicker无法正常工作

2 个答案: