如何在Rails 4應用程序中添加時間選擇器字段？

Question

如何在Rails應用程序中添加時間選擇器字段？

我正在使用這個插件

按照文檔中的指示，我首先將其包含在我的gemfile中：

gem 'bootstrap-timepicker-rails-addon'

然后，我運行了bundle install，並在我的JS和CSS文件中包含了bootstrap-timepicker，這樣我的app / assets / javascripts / application.js看起來就像：

//
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap-timepicker
//= require_tree .

和我的app / assets / stylesheets / application.css.scss看起來像：

 *
 *= require bootstrap-timepicker
 *= require_tree .
 *= require_self
 */

最后，在我的意見中，我包括以下內容：

<script>
  $(function() {
    $('#timepicker').timepicker();
  });
</script>

以及我的表單字段之一中的以下內容：

  <div class="field">
     <%= label_tag ("Time of Travel ") %><br>
     <%= text_field_tag :dot, nil, :id => "timepicker" %>
  </div>

畢竟，我仍然無法使我的表單正確顯示時間字段。 我要去哪里錯了？

Answer 1

您是否已在Rails應用程序中安裝了Bootstrap？ 對於Bootstrap用戶，此插件是一個額外的插件。

似乎該gem僅支持Bootstrap 2.x，如果您使用的是Bootstrap 3，我建議改用此插件（我不知道是否有這個gem，但您始終可以使用下載的源代碼）： http ：//eonasdan.github.io/bootstrap-datetimepicker/

Answer 2

Answer 3

希望您能解決問題。 無論如何，我遵循了網站上的指示，對我來說似乎運行良好。 也許您應該檢查是否安裝了正確的Bootstrap版本，並且不同版本的Bootstrap沒有兼容性問題。 還要檢查您是否在調用正確的#id。