2012-03-10 138 views
1

我们有一个非常简单的使用jQuery的rails 3.1.3应用程序中的datepicker。但是有2个视图没有加载哪个日期选择器。在所有其他视图上,datepicker自己加载没有问题。对于所有的日期选择器的JS代码是的application.js文件,并将它们(不加载)的一个看起来像这样(头文件):是什么原因导致datepicker不加载在rails 3.1.3 jQuery中?

//= require jquery 
//= require jquery_ujs 
//= require jquery-ui 
//= require_tree . 

$(function() { 
    $("#src_plant_src_since").datepicker({dateFormat: 'yy-mm-dd'}); 
}); 

下面是针对简单的形式代码:

<%= f.input :src_since, :label => 'start date:', :hint => 'start src date', :as => :string %> 

什么可能导致datepicker加载一个视图,而不是另一个?非常感谢。

+0

检查html源码哪里没有加载datepciker,请确保所有的js文件就位。之后,检查JavaScript控制台错误,也许一些错误块执行js。 – 2012-03-10 17:54:24

+0

在萤火虫中,控制台中没有错误。有没有为datepicker加载任何特定的js文件? – user938363 2012-03-10 18:03:28

+0

以下是该页面的脚本标题:/ *! * jQuery JavaScript Library v1.7.1 * http://jquery.com/ * * Copyright 2011,John Resig *根据MIT或GPL版本2许可证授予双重许可。 * http://jquery.org/license * *包括Sizzle.js * http://sizzlejs.com/ *版权所有2011年,该基金会道场* 的MIT,BSD,和GPL下发布的。 * *日期:2011年11月21日21:11:03 2011 -0500 */ – user938363 2012-03-10 18:04:50

回答

2

的Gemfile

group :assets do 
    gem 'jquery-ui-rails' 
end 

的application.js

//= require jquery 
//= require jquery_ujs 
//= require jquery.ui.all 
//= require_tree . 

或者你也可以只加载JS日期选择器。像:

//= require jquery.ui.datepicker 
1

试试这个

安装

gem "jquery_datepicker" 

那么这在乌拉圭回合的形式

<%= f.label :date %> 
<%= f.datepicker :date, :dateFormat => 'dd MM, yy', :showOn => "both", :buttonImage => "../assets/calendar.gif", :buttonImageOnly => true, :changeMonth => true, :changeYear => true, :placeholder => "Click on the textfield/Calender" %><br/> 

本u应该把里面application.html您的布局里面

<%= stylesheet_link_tag "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css", "application" %> 
<%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js" %> 
相关问题