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

可能的原因/解决方案：

没有带id＆＃34; datetimepicker1＆＃34;的元素。解决方案：添加一个。
根据您包含.js文件的位置，您可能需要在jQuery的ready事件中调用它。解决这个问题：

$（document）.ready（function（）{ $（＆＃39;＃datetimepicker1＆＃39）的DateTimePicker（）; }）;

单击时，引导日历datetimepicker不会加载

1 个答案: