【Rails】DatePickerの利用方法

環境


  • Mac OS X 10.9.5
  • Rails 5.0.5
  • ruby 2.3.3p222
  • jquery-rails 4.3.1
  • jquery-ui-rails 6.0.1

 
 

1. Gemfile


「jquery-rails」の下に追記

 
bundle install実行

 

2. app/assets/stylesheets/application.css


「*= require_tree .」の上に追記

 
 

3. app/assets/javascripts/application.js


「//= require jquery」の下に追記
datepicker-jaを追記すると日本語化できます。

 
 

4. jsの設定


DatePickerを利用したいjsファイルに下記を追記

 
 

5. htmlの設定


DatePickerを利用したいhtmlファイルに4で作成したDatePickerのクラス名を追記

 
 
以上で設定は終わりです。
対象のhtmlを表示し、DatePickerを設定したフィールドをクリックすると表示されます。
 

 
 
お疲れ様でした!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*
*
Website