Ruby on Rails項目時間選擇器

Question

我正在嘗試使用http://trentrichardson.com/examples/timepicker/ timepicker。 我有ruby 1.9.3p484和rails 4.1.0版本。 我在我的app / assets / stylesheets / application.css.scss中包含了上述網站的jquery-ui-timepicker-addon.css。 我還將jquery-ui-timepicker-addon.js復制到了app / assets / javascripts中。

在我的寶石文件中，我添加了

gem 'jquery-rails'
gem 'jquery-ui-rails'

在我的app / assets / javascripts / application.js文件中，我添加了

//= require jquery-ui
//= require jquery-ui-timepicker-addon

$( function(){
      $("#tpicker").timepicker();
      });

在我的app / assets / stylesheets / application.css.scss中，我已經添加了

*= require jquery-ui

底部的jquery-ui-timepicker-addon.css中的CSS（位於http://trentrichardson.com/examples/timepicker/ ）。

問題是這樣的。 在我的html.erb中，我有以下內容

<%= f.text_field :time, id: "tpicker" %>

但是，在給定的text_field中單擊或鍵入時，不會顯示時間選擇器。 請幫忙！

Answer 1

我認為應該是這樣的：

$( function(){
      $('#tpicker').timepicker();
      $('#tpicker').on('click', function (){
           $('#tpicker').timepicker('setTime', new Date());
         });
      });

有關其他示例-閱讀此jquery.timepicker演示和文檔

Answer 2

這就是它的工作方式。 我在頁面文件中的標簽中包含了所有的javascript。 現在可以正常工作了，除了我必須刷新頁面才能正常工作。 第一次不起作用。