datetime pickerの導入

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)

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