如何在我的rails 4應用程序中添加timepicker字段？

Question

如何在我的Rails應用程序中添加timepicker字段？

我用這addon

的指示的文檔中，我第一次列入這在我的Gemfile：

gem 'bootstrap-timepicker-rails-addon' 

然後，我跑到捆綁安裝，並列入我的JS引導，timepicker和CSS文件，讓我的應用程序/資產/ Java腳本/ application.js中的樣子：

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

和我的應用程序/資產/樣式表/ 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

你試過bootstrap-timepicker-rails gem或jquery-timepicker-rails gem

Answer 3

希望你有解決了這個問題。無論如何，我遵循website的指示，它對我來說似乎很好。也許你應該檢查你是否安裝了正確的Bootstrap版本，並且不同版本的Bootstrap沒有兼容性問題。同時檢查你是否正在調用正確的#id。