とりあえず使うだけ。 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' %>