Question

我在Ruby 2.1.3下使用rails 4.1.6，如果这是相关的。我正在使用的gem是来自https://github.com/tispratik/bootstrap-timepicker-rails的bootstrap-timepicker-rails。

这是一个新项目，所以除了我在每个项目中使用的基本功能之外，我添加的内容很少。我想要的就是能够像http://jdewit.github.io/bootstrap-timepicker/

的第一个例子中使用的那样使用timepicker

到目前为止，我在局部视图中（来自form_for中的表格）：

%tr
  %td=f.text_field :time, :class => 'timepicker'

这就是它的js.coffee：

$(document).on 'focus', ".timepicker", ->
  $(this).timepicker()

它的表现不稳定。包含timepicker的字段框会尝试显示时间，但它会在上午12:00锁定，并且不会发生任何其他情况。我尝试添加其他几个类，包括复制我试图使用的示例的源html代码，但它不起作用。浏览器控制台上也没有错误。

我错过了什么？

这是我的相关配置文件：

的Gemfile：

gem 'haml-rails'
gem 'hirb'
gem 'bootstrap-sass', '~> 3.2.0'
gem 'jquery-ui-rails'
gem 'autoprefixer-rails'
gem 'bootstrap-datepicker-rails', :require => 'bootstrap-datepicker-rails', :git => 'git://github.com/Nerian/bootstrap-datepicker-rails.git'
gem 'bootstrap-timepicker-rails'
gem 'jquery-datatables-rails', '= 2.1.10.0.3'

的application.js

//= require jquery
//= require jquery_ujs

//= require dataTables/jquery.dataTables
//= require dataTables/bootstrap/3/jquery.dataTables.bootstrap
//= require jquery-ui/core
//= require bootstrap-datepicker/core
//= require bootstrap-datepicker/locales/bootstrap-datepicker.es.js
//= require bootstrap-timepicker
//= require bootstrap-sprockets

//= require global

//= require turbolinks
//= require_tree .

application.css

*= require_tree .
*= require_self
*= require dataTables/bootstrap/3/jquery.dataTables.bootstrap
*= require bootstrap-datepicker3
*= require bootstrap_files.css.scss
*= require bootstrap-timepicker

*= require global

提前致谢。

编辑：

显然问题是我使用的是bootstrap3而不是boostrap2，我提到的gem似乎是为它设计的。我要搜索一个可以与bootstrap3一起工作的gem;如果我发现它，我会更新。

任何人都可以举例说明如何使用带有rails的timepicker吗？

0 个答案: