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

新手上路,请多包涵

我正在尝试将 datepicker 包含在 Bootstrap 中,但出现以下错误:

Uncaught TypeError: $(...).datepicker is not a function

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

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>

记者:

 $(document).ready(function() {

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

添加 JQuery UI 后更新

现在看起来像下面这样:

添加 JQuery UI 后更新

原文由 Chris 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 1.1k
2 个回答

我认为不是正确的函数名称

$(document).ready(function() {

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

原文由 François Richard 发布,翻译遵循 CC BY-SA 3.0 许可协议

还需要包含 jquery-ui:

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

原文由 Fseee 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题