2012-03-10 134 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" %> 
相關問題