datetimepicker不是函数:bootstrap

时间:2018-01-07 01:39:39

标签: javascript jquery twitter-bootstrap-3 datepicker

我遇到了datepicker bootstrap3的问题。我得到的错误是

#include "ObjectHandler.cpp"

int main() {

    pixelsInit();
    spritesInit();

    while (true) {

        pixelsUpdate();
        spritesUpdate();

    };

    return 0;
}

我直接从文档页面复制粘贴代码但仍有错误。 以下是js fiddle https://jsfiddle.net/000owh6a/

上的代码

以下是文档https://eonasdan.github.io/bootstrap-datetimepicker/

更新:bootstrap-datepicker版本已更新。这是代码https://jsfiddle.net/000owh6a/3/

3 个答案:

答案 0 :(得分:0)

你是如何引入jQuery的?我没有看到它被导入你的文档。

答案 1 :(得分:0)

您正在使用非常旧版本的选择器,版本1.6.4。在您的代码中,您有: https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js

目前的版本是4.17.47 https://github.com/Eonasdan/bootstrap-datetimepicker

从此处获取当前版本并尝试:https://github.com/Eonasdan/bootstrap-datetimepicker/tree/master/build/js

编辑:您还需要在bootstrap-datepicker之前加载moment.js。这是一个工作小提琴https://jsfiddle.net/dkv4rq6w/2/

答案 2 :(得分:0)

您可以将此部分放在目标元素之后的脚本部分:

<!-- your target element -->
<input type="text" class="datetimepicker1" />
<!-- script to place after the target element -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
<script>
    $('.datetimepicker1').datetimepicker();
</script>

脚本在加载所有html文档后执行。或者你可以使用$(document).ready(function(){});在页面完全加载后加载脚本。

编辑: 正如@ user2035552所提到的,如何将jquery文件放在代码上?您需要该文件才能使这些插件脚本正常工作。