jqueryの日付/時刻ピッカーの問題（timepickerない機能）

Question

時間フィールドが機能しない理由を理解しているようです 最初のフィールドのカレンダーがポップアップしますが、それ以外は表示されません。

ビューコード：私は取得放火犯コンソールで

%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' 

：

$this.timepicker is not a function 

$this.timepicker(opts); 

Answer 1

私はあなたのRailsのインストールがjquery.timepicker.js

datepair.jsをロードしていなかったことはjqueryのを使用して推測します.timepicker.jsとjQuery UIのdatepicker（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ファイルの1内側：

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

とあなたの.cssファイルの1内側：

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

このjQueryプラグインをパッケージ化した宝石を作成しました：https://github.com/tkrotoff/jquery-timepicker-rails