javascript - 单击时 Bootstrap 日历日期时间选择器不会加载

Question

由于某种原因，这似乎不起作用......

edit1:在 HTML 文件中(抱歉第一次忘记添加 div)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="http://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/src/js/bootstrap-datetimepicker.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<link href="http://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/build/css/bootstrap-datetimepicker.css" rel="stylesheet"/>

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

在 .js 文件中

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

Answer 1

可能的原因/解决方案:

1. 没有 ID 为“datetimepicker1”的元素。解决办法:添加一个。

2. 根据包含 .js 文件的位置，您可能需要在 jQuery 的就绪事件中调用它。要解决此问题:

   $(文档).ready(函数() { $('#datetimepicker1').datetimepicker();});