Ruby on rails 引导日期选择器不工作

Ruby on rails 引导日期选择器不工作,ruby-on-rails,twitter-bootstrap,ruby-on-rails-3.2,datepicker,Ruby On Rails,Twitter Bootstrap,Ruby On Rails 3.2,Datepicker,我正在尝试为我的RoR应用程序使用一个引导日期选择器,特别是 我已经下载了js文件并将其放在assets/javascripts文件夹中 然后我创建了一个视图,以使它以最简单的方式工作,这就是它所拥有的 <input type="text" value="02-16-2012" class="datepicker"> <script> $('.datepicker').datepicker({ format: 'mm-dd-yyyy' }); </s

我正在尝试为我的RoR应用程序使用一个引导日期选择器,特别是

我已经下载了js文件并将其放在assets/javascripts文件夹中

然后我创建了一个视图,以使它以最简单的方式工作,这就是它所拥有的

<input type="text" value="02-16-2012" class="datepicker">

<script>
 $('.datepicker').datepicker({
     format: 'mm-dd-yyyy'
 });
</script>
以及my application.css flie的功能:

*= require_self
 *= require_tree .
 *= require bootstrap_and_overrides
 *= require bootstrap
控制台显示2个错误

Failed to load resource: the server responded with a status of 404 (Not Found)     http://127.0.0.1:3000/assets/default.css
Uncaught TypeError: Object [object Object] has no method 'datepicker'              test:113
另外,
console.log($('.datepicker'))
的输出是:

[input.datepicker, prevObject: jQuery.fn.jQuery.init[1], context: document, selector: ".datepicker", jquery: "1.9.1", constructor: function…]

尝试添加datepicker css。

文档中所需的标记(特别是,您需要添加span.add-on和i.icon-th):


您的jQuery选择器缺少一个点(
),您需要添加一个点来捕获所有具有
日期选择器的元素作为类:

<input type="text" value="02-16-2012" class="datepicker">

<script>
 $('.datepicker').datepicker({
     format: 'mm-dd-yyyy'
 });
</script>
或许可以尝试以下方法:

$(document).ready(function() {
    $('.datepicker').datepicker();
})

为了将CSS和Javascript正确打包到rails资产管道中,我建议您使用以下gem:

第一个示例说明了一些不同的内容:谢谢,我添加了.CSS,但没有发生任何事情,仍然不起作用。虽然没有它也能用,对吧?你的主机怎么说?(Google Chrome上的F12,“控制台”选项卡)您尝试添加日期选择器的页面上是否有任何错误?是的,控制台有2个错误
加载资源失败:服务器响应状态为404(未找到)
未捕获类型错误:对象[Object Object]没有方法“datepicker”
你能告诉我控制台.log($('.datepicker'))的输出吗?
这里
[input.datepicker,prevObject:jQuery.fn.jQuery.init[1],context:document,selector:“.datepicker”,jQuery:“1.9.1”,构造函数:function…]
你的意思是什么?。。。因为它也不起作用
<input type="text" value="02-16-2012" class="datepicker">

<script>
 $('.datepicker').datepicker({
     format: 'mm-dd-yyyy'
 });
</script>
$('input.datepicker').datepicker({ # match every input having 'datepicker' class
  format: 'mm-dd-yyyy'
});
$(document).ready(function() {
    $('.datepicker').datepicker();
})