Bootstrap DateTimePicker和jQuery问题

时间:2015-07-09 12:31:45

标签: javascript jquery twitter-bootstrap bootstrap-datetimepicker

我正在尝试在基于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库,因此这两者是冲突的。我试过了:

  1. 从foundation.js中移除jQuery v1.8.1代码 - >删除整个文件的效果相同;选择器工作但模板中的所有其他功能都不起作用
  2. 删除jQuery v2.1.1库include - > DateTimePicker不起作用
  3. 从foundation.js中删除jQuery v1.8.1代码,并将其替换为jQuery v2.1.1代码 - >什么都行不通
  4. 我也尝试了包含订单的所有组合,但没有成功。所以,我无法删除那个foundation.js,当那个文件存在时,选择器将无法工作。我该怎么办?

    PS。我的代码在Codeigniter中,所以它很复杂(在很多文件中),但如果需要,我可以给你部分代码。

2 个答案:

答案 0 :(得分:1)

尝试使用较旧版本的选择器,您可以查看此链接

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

选择器根本没有用jQuery 1.8显示或给你一个错误??

此致

答案 1 :(得分:0)

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

这种错误是共同造成的,因为你在jquery之前包含了依赖于jquery的库。

检查您的包含顺序,以确保在JQuery

之后包含dateTimePicker js文件