datetime pickerの導入

Last-modified: Tue, 23 Sep 2014 15:10:23 JST (1058d)

datetimepickerインストール

  1. Gemfileに以下追記
    gem 'momentjs-rails', '>= 2.8.1', :github => 'derekprior/momentjs-rails'
    gem 'datetimepicker-rails', :git => 'git://github.com/zpaulovics/datetimepicker-rails.git',  \
       :branch => 'master', :submodules => true
  2. インストール
    bundle install
  3. app/assets/stylesheets/application.cssに以下追記
    *= require bootstrap-datetimepicker
  4. app/assets/javascripts/application.jsに以下追記
    //= require moment
    //= require bootstrap-datetimepicker
    //= require pickers
  5. インストール
    rails generate datetimepicker_rails:install
    rails generate datetimepicker_rails:install Font-Awesome
  6. /config/locales/ja.ymlに以下追記
     datepicker:
       dformat: '%Y/%m/%d'
       pformat: 'YYYY/MM/DD'
       weekstart: 0
     timepicker:
       pformat: '%R'
       pformat: 'HH:mm'
  7. こんな感じでViewにセット(simple formの場合)
    <%= f.input :start_datetime,input_html:{class: 'datetimepicker'} %>
    参考(GitHub)

Counter: 689, today: 2, yesterday: 0

このページの参照回数は、689です。