jquery - Ruby on Rails 项目时间选择器

Question

我正在尝试使用 http://trentrichardson.com/examples/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 文件中，我添加了

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(位于 http://trentrichardson.com/examples/timepicker/)中的 CSS。

问题是这样的。在我的 html.erb 中，我有以下内容

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

但是，在给定的文本字段中单击或键入时，时间选择器不会显示。请帮忙!

Answer 1

在我看来，应该是这样的:

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

更多示例——阅读此 jquery.timepicker demos and documentations