javascript - Bootstrap datepicker 显示没有错误但无法正常工作

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>