Ruby on Rails 3.2.8 で Datepicker for Bootstrapを使う

とりあえず使うだけ。 Nerian / bootstrap-datepicker-railsを用いて導入する。

まず、Gemfileに以下を追加

gem 'bootstrap-datepicker-rails'

インストールする。

% rvmsudo bundle install

app/assets/stylesheets/application.cssに以下を追加する。

*= require bootstrap-datepicker

app/assets/javascripts/application.js に以下を追加する。

//= require bootstrap-datepicker

特定の言語だけ使う場合は app/assets/javascripts/application.js を以下のようにする。

//= require bootstrap-datepicker/core
//= require bootstrap-datepicker/locales/bootstrap-datepicker.ja


Rails3.2.2でjQueryUIを使うを参考にapp/assets/javascripts/bootstrap.js.coffeeを以下のようにする。これで、id="datepicker"となっているテキストフィールドでdatepickerが利用できる。

jQuery ->
  $("a[rel=popover]").popover()
  $(".tooltip").tooltip()
  $("a[rel=tooltip]").tooltip()
  $('#datepicker').datepicker({"format": "yyyy-mm-dd", "minDate":"today", "autoclose": true})

classで引っ掛ける場合はこちら(idだと1ページに1つしか存在できない)。

jQuery ->
  $('.datepicker').datepicker({"format": "yyyy-mm-dd", "minDate":"today", "autoclose": true})

テキストフィールドはたとえば以下のもの

<%= text_field_tag :start, Time.now.strftime("%Y-%m-%d"), :id => 'datepicker' %>
<%= text_field_tag :start, Time.now.strftime("%Y-%m-%d"), :class => 'datepicker' %>