スポンサーリンク

Rails4でdatetimepicker

http://succi.jp/blog/?p=1507

Rails 4.2.2

基本的に、Railsチュートリアル4.2(第3版)の環境で、Cloud9で。

Gemfile

image

gem ‘jquery-ui-rails’,’~>4.2.1′

を追加(Version 5以上にしないところがポイント。)して、bundle install

application.js に、
//= require jquery.ui.all

application.css に、
*= require jquery.ui.all

assets/javascripts/products.coffee

——-

$ ->

  $(".datepicker").datepicker(

  dateFormat: ‘yy-mm-dd’

  )

——-

 

_form.html.erb に、

———–

———–
の3行目を、

<%= f.text_field :admissiondate, class: ‘datepicker’ %>

に変更。

data turbolinksの都合で、もう一度読み込みをすれば、これで、datetimepickerが使えるようになった。

image

———————

なぜか、2回目やろうとしたらだめだった。

http://qiita.com/akishin/items/ef197a312a3cb245c0b3

https://blog.hello-world.jp.net/javascript/1762/
[Rails]日付と時間の入力フォームにDateTimePickerを使う(bootstrap3-datetimepicker-rails)
2014年6月20日

こちらをやったら、右端をクリックしないとではあるが、なんとかできた。

image

しかし、入力が反映されず、だめだった。

—————

http://takiy33.hatenablog.com/entry/2015/03/24/000836

gem ‘jquery-ui-rails’ を 5.0.5

→うまくいかず

————-

https://github.com/Nerian/bootstrap-datepicker-rails

——–

http://cortyuming.hateblo.jp/entry/20130420/p1

http://takiy33.hatenablog.com/entry/2015/03/24/000836

http://d.hatena.ne.jp/spitfire_tree/20131213/1386927715

http://blog.s21g.com/articles/2375

http://traz.github.io/post/2013/III-A-datepicker-for-BS3/

スポンサーリンク