Ruby on Rails项目时间选择器

Question

我正在尝试使用http://trentrichardson.com/examples/timepicker/时间选择器。我有ruby 1.9.3p484和rails 4.1.0版本。我已经将上面网站上的jquery-ui-timepicker-addon.css包含在我的app/assets/stylesheets/application.css.scss中。我还将jquery-ui-timepicker/addon.js复制到了app/assels/javascript中。

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

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

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

//= require jquery-ui
//= require jquery-ui-timepicker-addon
$( function(){
      $("#tpicker").timepicker();
      });

在我的应用程序/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都包含在标签中。它现在正在工作，除了我必须刷新页面才能工作。它第一次不起作用。