Bootstrap DateTimePicker 和 jQuery 问题答案

【问题标题】：Bootstrap DateTimePicker and jQuery problemsBootstrap DateTimePicker 和 jQuery 问题
【发布时间】：2015-07-09 23:39:42
【问题描述】：

我正在尝试在基于 Bootstrap 的 HTML 模板上使用 Bootstrap DateTimePicker。问题是模板中包含一个名为 foundation.js 的 JS 文件，并且该文件正在杀死 DateTimePicker。当我不包含此文件时，DateTimePicker 可以工作，但模板的许多其他功能（如选项卡、图片库等）停止工作。包含此文件时，DateTimePicker 不起作用。那个foundation.js文件太大所以放在这里：http://pastebin.com/fQhtpV2P

我注意到，该文件中显然包含完整的 jQuery v1.8.1 代码。所以我想这就是 DateTimePicker 不起作用的原因，因为我包含了 jQuery v2.1.1 库，所以这两者是冲突的。我试过了：

从foundation.js中删除jQuery v1.8.1代码 -> 效果与删除整个文件相同；选择器可以工作，但模板中的所有其他功能都不起作用
删除 jQuery v2.1.1 库包含 -> DateTimePicker 不起作用
从foundation.js 中删除jQuery v1.8.1 代码并将其替换为jQuery v2.1.1 代码 -> 没有任何效果

我也尝试了包括订单在内的所有组合，但没有成功。因此，我无法删除该foundation.js，并且当该文件存在时选择器将无法工作。我该怎么办？

PS。我的代码在 Codeigniter 中，所以它非常复杂（在很多文件中），但如果需要，我可以给你部分代码。

【问题讨论】：

foundation.js 是从哪里来的？你把那个模板带到哪里去了？
它是该模板的一部分。这是模板：wowthemes.net/studio-francesca-free-responsive-template

标签： javascript jquery twitter-bootstrap bootstrap-datetimepicker

【解决方案1】：

尝试使用旧版本的选择器，你可以看看这个链接

http://plugins.jquery.com/datetimepicker/

选择器在 jQuery 1.8 中根本不显示或给你一个错误？？

问候

【讨论】：

好主意，否则，您可以尝试单独加载foundation.js中包含的每个库的最新版本
控制台报错：Uncaught TypeError: $(...).datetimepicker is not a function
你是否在foundation.js之后包含了datetimepicker？
我已经看到有人在文档准备好之前使用了这个 $.noConflict() 并且包括 2 个不同版本的 jquery（我还没有测试过）......你可以试一试或改变你的选择器版本
哦，现在可以了！似乎包含订单仍然存在问题。问题是由于我将代码和包含 datetimepicker.js 放在页眉中，而所有其他 .js 文件（包括foundation.js）都包含在页脚中，在内容之后。我已经尝试将 datetimepicker.js 包含在foundation.js 之后，但我显然忘记将调用 .datetimepicker() 函数的代码也移到它下面。谢谢！ PS。这个带有 noConclift() 的东西很有趣，我会看看它，以防我需要更新的 jQuery 来做其他事情。

【解决方案2】：

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

这种错误是常见的，因为你在jquery本身之前包含了依赖于jquery的库。

检查您的包含顺序以确保在 JQuery 之后包含 dateTimePicker js 文件

【讨论】：