How to setup bootstrap-datepicker-rails?

datepicker, jquery-ui-datepicker, ruby-on-rails-3.2, twitter-bootstrap-rails

Solution

Look at step 5 and step 6, your selection class `.datepicker` in javascript but not in `input field`

Try this

on views (e.g form)

<%= f.text_field :mydate, 'data-behaviour' => 'datepicker' %>

<script type="text/javascript">
  $('[data-behaviour~=datepicker]').datepicker();
</script>

Or As component :

<div class="input-append date datepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
    <%= f.text_field :mydate, 'data-behaviour' => 'datepicker', :disabled => 'disable' %><span class="add-on"><i class="icon-th"></i></span>
</div>

<script type="text/javascript">
  $('.datepicker').datepicker();
</script>

Example above all if the attribute using `date` type. You can use bootstrap-datetimepicker-rails gem, if the attribute using `datetime` type

Problem

Anybody knows how to setup the gem bootstrap-datepicker-rails? I followed the steps in http://rubydoc.info/gems/bootstrap-datepicker-rails/0.6.21/frames, basically: - I setup `twitter-bootstrap-rails` gem - I add this to gemfile `gem 'bootstrap-datepicker-rails', '>= 0.6.21'` Add this line to app/assets/stylesheets/application.css ``` *= require bootstrap-datepicker ``` Add this line to app/assets/javascripts/application.js ``` //= require bootstrap-datepicker ``` Add this line to app/assets/javascripts/controllername.js.coffee ``` $('.datepicker').datepicker() ``` Finally use in view :) ``` <input type="text" data-behaviour='datepicker' > ``` But it doesn't work!! Anybody has got it to work? It should work nice as shown here: http://jsfiddle.net/2Gg5k/43/

Original source