datetimepicker 不是一个函数：bootstrap答案

【问题标题】：datetimepicker is not a function : bootstrapdatetimepicker 不是一个函数：bootstrap
【发布时间】：2018-06-16 10:43:34
【问题描述】：

我在使用 datepicker bootstrap3 时遇到问题。我得到的错误是

Uncaught TypeError: $(...).datetimepicker is not a function
    at HTMLDocument.<anonymous>

我从文档页面复制粘贴了代码，但出现错误。这是js fiddle上的代码https://jsfiddle.net/000owh6a/

这里是文档https://eonasdan.github.io/bootstrap-datetimepicker/

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

【问题讨论】：

我的回答中的评论现在应该为您提供正确的设置。一个建议：看看这个，它正在积极开发中，非常好npmjs.com/package/flatpickr

标签： javascript jquery twitter-bootstrap-3 datepicker

【解决方案1】：

您使用的是非常老的选择器版本，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/

【讨论】：

我发现第四版的 bootstrap 还不行
@Lucas 不是引导程序，引导程序日期选择器。如果您有当前版本的 bootstrap-datepicker 并且它仍然无法正常工作，请使用您的 jsfiddle 进行评论
@Lucas 啊，现在你又错过了一件事情，看看控制台错误。您还需要在 bootstrap-datepicker <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.js"></script> jsfiddle.net/q3g2k14w 之前加载 moment.js
@Lucas 也许，两件事。在这里查看我的 cmets jsfiddle.net/dkv4rq6w/4 这就是人们喜欢使用 flatpickr 和没有依赖项的包的原因。想象一下，您想更新到新的 jquery 或 moment.js 或 bootstrap.js 版本……这些更新中的任何一个都可能会破坏 bootstrap-datepicker！
@Lucas 这是你同样的问题，有 CDN 链接stackoverflow.com/questions/33263021/…

【解决方案2】：

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

【讨论】：

它是通过 jsfiddle 加载的

【解决方案3】：

您可以将这部分脚本放在目标元素之后：

<!-- 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 文件放在你的代码中？您需要该文件才能使这些插件脚本正常工作。

【讨论】：

它是通过 jsfiddle 加载的