我有一个使用 Twitter Bootstrap 的 Rails 3.2.5 应用程序。我正在尝试使用 JQuery UI 日期选择器。我已经用谷歌搜索了几天寻找解决方案,但找不到任何东西。我在 Rails 视图中有一个文本字段,我试图将其与 JQuery 日期选择器一起使用。但是,当我单击文本字段时,什么也没有发生。
在我的 Rails 视图中,我有一个简单的 text_field_tag ,如下所示:
<%= text_field_tag 'andrew' %>
在我关联的 CoffeeScript 文件中:
$ ->
$('#andrew').datepicker
在 Chrome 开发者工具 JavaScript 控制台中,我看到了这个错误:
未捕获的类型错误:对象 [对象对象] 没有方法 'datepicker'
现在我已经确定 JQuery-UI 和 Bootstrap 之间存在冲突。在同一个 JavaScript 控制台中,我可以这样做:
jQuery.noConflict();
我得到
function (a,b){return new e.fn.init(a,b,h)}
然后我可以输入:
$('andrew'.datepicker();
我得到:
[<input id="andrew" name="andrew" type="text" class="hasDatepicker">]
在此之后,当我转到浏览器窗口时,单击文本字段会显示我想要的日期选择器日历。
那么如何让它在我的代码中工作呢?也就是说,我正在手动解决 JavaScript 控制台中的冲突,但我无法仅通过我的代码让它工作。