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' /}  
 Download your team's data for this cycle. 
 
 
 Date:  
 
  $(function() { $("#datepicker").datepicker(); });  

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

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

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

Answer 1

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

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

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

Answer 2

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