Ruby on rails 引导日期选择器不工作
我正在尝试为我的RoR应用程序使用一个引导日期选择器,特别是 我已经下载了js文件并将其放在assets/javascripts文件夹中 然后我创建了一个视图,以使它以最简单的方式工作,这就是它所拥有的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
<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();
})