Question

这是我的HTML代码

<div class="row">
        <div class="span2"></div>
        <div class="span3">
                <div class="form-group">
                        <input type="text" id="dpd1" class="form-control" name="from_date" placeholder="Reserve From">
                </div>
        </div>
        <div class="span3">
                <div class="form-group">
                        <input type="text" id="dpd2" class="form-control" name="to_date" placeholder="Reserve Upto">
                </div>
        </div>
        <div class="span2">
                <div class="">
                        <button type="button" class="btn btn-primary">
                                Click to reserve
                        </button>
                </div>
        </div>
</div>

我已将这些js文件包含在我的PHP文件中

    <script src="../js/jquery-1.10.2.js"></script>        
    <script src="../js/bootstrap.js"></script>
    <script src="../js/bootstrap-datepicker.js"></script>
    <script src="../js/date.js"></script>

这是我的date.js文件

$(document).ready(function() {
    $('#dpd1').datepicker({
          onRender: function() {

            }
    });
});

我不明白问题出在哪里。你能告诉我如何解决这个问题。

Answer 1

尝试重新检查路径到你的js或使用可用的实时路径如：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>

<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>

Answer 2

首先，您可以尝试如下操作，如果该工作使用您的JavaScript进一步发挥作用 -

$(document).ready(function() {
    $('#dpd1').datepicker();
});

，或者

jQuery(document).ready(function() {
    jQuery('#dpd1').datepicker();
});

Answer 3

$（document）.ready（function（）{
   $（ '＃DPD1'）日期选择器（）;
        }）;

我认为你错过了CSS文件和图片。您的代码中没有错误。

Bootstrap datepicker显示没有错误但不能正常工作

3 个答案: