2012-04-08 40 views
0

似乎找出爲什麼時間字段不起作用 第一個字段的日曆彈出,但沒有別的。jQuery的日期/時間選擇問題(timepicker不是一個函數)

視圖代碼:

%p.datepair{'data-language' => "javascript"} 
    = f.text_field :starttime, :class => 'date start' 
    %span.ui-timepicker-container 
     = f.text_field :starttime, :class => 'time start ui-timepicker-input', :autocomplete => "off", :value => "12:15am" 
     %ul.ui-timepicker-list{ :tabindex => "-1", :style => "position: absolute; left: 567.667px; z-index: 2; top: 2246.87px; display: none;" } 
     %li 12:00am 
     %li 12:15am 
     ... 
     %li 12:30am 
     %li 1:00am 
    %span.ui.timepicker-container 
     = f.text_field :starttime, :class => 'time start ui-timepicker-input', :autocomplete => "off" 
     %ul.ui-timepicker-list.ui-timepicker-with-duration{ :tabindex => "-1", :style => "position: absolute; left: 674.5px; z-index: 2; top: 2422.87px; display: none;"} 
     = f.text_field :starttime, :class => 'date start hasDatePicker' 
在Firebug控制檯

我得到:

$this.timepicker is not a function 

$this.timepicker(opts); 

回答

1

我猜你的Rails安裝沒有加載jquery.timepicker.js

datepair.js用了jQuery .timepicker.js和jQuery UI中的日期選擇器(在你的application.js中使用//= require jquery-ui)。

這是我在我的Rails應用程序:

vendor/assets/javascripts/jquery-timepicker/datepair.js 
vendor/assets/javascripts/jquery-timepicker/jquery.timepicker.js 
vendor/assets/stylesheets/jquery-timepicker/jquery.timepicker.css 

然後裏面的.js文件之一:

//= require jquery-ui-addresspicker/jquery.ui.addresspicker.js 
//= require jquery-timepicker/jquery.timepicker.js 
//= require jquery-timepicker/datepair.js 

和裏面的.css文件之一:

*= require jquery-timepicker/jquery.timepicker.css 

我已經創建了一個包裝這個jQuery插件的gem:https://github.com/tkrotoff/jquery-timepicker-rails

+0

那就是它.. herp derp。謝謝! – sysconfig 2012-04-23 00:13:02

相關問題