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。 现在可以正常工作了，除了我必须刷新页面才能正常工作。 第一次不起作用。