Bootstrap Timepicker for Rails

This is the gemified version of

bootstrap-timepicker-rails project integrates Timepicker with Rails 3 assets pipeline.

Rails > 3.1

Include bootstrap-timepicker-rails in Gemfile;

gem 'bootstrap-timepicker-rails'

or you can install from latest build;

gem 'bootstrap-timepicker-rails', :require => 'bootstrap-timepicker-rails',
                              :git => 'git://'

and run bundle install.


Add this line to app/assets/stylesheets/application.css

 *= require bootstrap-timepicker

Add this line to app/assets/javascripts/application.js

//= require bootstrap-timepicker

Using bootstrap-timepicker-rails

Just call timepicker() with any selector.


Callback for time picked.

    .on('changeTime', function(ev) {
      alert('time has changed');

Set time via data-time attribute.

<div class='input-append bootstrap-timepicker-component' style='display: inline;'>
  <input class='dateselect-time input-small' type='text' data-time='12:45 PM'>
  <span class='add-on'><i class='icon-time'></i></span>