jQuery datepicker与Twitter Bootstrap不兼容吗?

我有这个日期选择器,我想在页面上显示。 我尝试过JQ 1.6.4和1.7.2。 我在Ubuntu上使用了与Chromium的playframework v1.2.4。

这是我正在使用的代码。 这是我的观点,我试图显示选择器。

#{extends 'main.html' /} #{set title:'Download Team Data' /} 
 

Date:

$(function() { $("#datepicker").datepicker(); });

JavaScripts和CSS文件在main.html中加载,这是一个在所有视图中扩展的视图。 此外,我已尝试在上面的视图中引用这些文件。 这些是参考:

  #{get 'title' /}        #{get 'moreStyles' /}     #{get 'moreScripts' /}      function loaded(){ }   

单击输入框不会显示日期选择器。 我错过了什么?

在Twitter Bootstrap中使用jQuery UI并不是一个好主意。 主要是因为CSS类很容易被覆盖并导致显示各种组件的问题。 有些东西可能有用,有些可能没有,它不是一个全有或全无的东西。

话虽这么说,你可能想看看这个Bootstrap datepicker插件。

如果它不适合您的需求,您将不得不弄清楚jQuery UI和Bootstrap之间存在哪些类冲突并修复它们。 Chrome的CSS查看器可让您查看哪些类对元素的样式(或缺少样式)有贡献。

您将test_input作为id,但将test_input绑定到input_test