javascript - $(...).datepicker 不是函数 - JQuery - Bootstrap

Question

我正在尝试为 Bootstrap 添加 datepicker 但出现以下错误:

未捕获的类型错误:$(...).datepicker 不是函数

我不明白为什么它在那里。我查看了此错误的其他案例，但没有一个与我的匹配。

HTML:

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<script src="<?php echo BASE_URL; ?>/js/moment.min.js"></script>
<script src="<?php echo BASE_URL; ?>/js/bootstrap.min.js"></script>
<script src="<?php echo BASE_URL; ?>/js/bootstrap-datetimepicker.min.js"></script>
<script src="<?php echo BASE_URL; ?>/js/main.js"></script>

<div class="col-md-6">
    <div class="form-group">
         <label for="geboortedatum">Geboortedatum:</label>
         <div class="input-group datepicker" data-provide="datepicker">
               <input type="text" name="geboortedatum" id="geboortedatum" class="form-control">
               <div class="input-group-addon">
                   <span class="glyphicon glyphicon-th"></span>
               </div>
         </div>
    </div>
</div>

JS:

$(document).ready(function() {

    $('.datepicker').datepicker({
        format: 'dd/mm/yyyy'
    });
});

添加 JQuery UI 后更新

现在看起来像下面这样:

Answer 1

还需要包含 jquery-ui:

<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>