Rails4でBootstrap
bootstrap-sass →必要なもの
simple_form → scaffoldで作ったフォームが少しきれいになる
dataTables → 並び替え
http://qiita.com/hkusu/items/a549a96dcb2bb935a47b
http://qiita.com/akishin/items/ef197a312a3cb245c0b3
datetimepicker
http://cortyuming.hateblo.jp/entry/20130420/p1
20130420
Rails で jQuery-ui の Date Picker を日本語で表示する場合のメモ
http://cortyuming.hateblo.jp/entry/20130420/p1
Datepickerの日本語化
http://d.hatena.ne.jp/spitfire_tree/20131213/1386927715
を見ながらトライ。
○Gemfile
gem ‘jquery-rails’
の下に、
gem ‘jquery-ui-rails’
を追加して、bundle intall
app/assets/javascripts/application.js
の、
——
// require jquery
// require jquery_ujs
——
の間に、以下の2行を入れる。
// require jquery.ui.core // require jauery.ui.datepicker
入れる。
●app/assets/stylesheets/application.css の変更。
*= require_tree .
*= require_self
*= require jquery.ui.all ( ←この行を入れる)
*/
●viewの変更
_form.html.erb の、
<%= f.date_select :deadline %>
の部分を、
<%= f.text_field :deadline, class: 'datepicker' %>
に変更する。
だめだった。
http://www.kinryokai.net/modules/news/article.php?storyid=258
なんだってー?
(転載ここから)
——–
jquery-ui-rails の記入の仕方が 5.0 から変わった見たい。ここに回答があった
application.jsには //= require jquery-ui、application.cssには *= require jquery-ui と記入後、再度サーバーを立ち上げ直すとOKになった。
——–
(転載ここまで)
http://stackoverflow.com/questions/17374842/ruby-on-rails-ails-with-couldnt-find-file-jquery-ui-all
これでサーバーは立ち上がるが、datepickerにならない、だめぽ。
———————–
次は以下をトライ
●Gemfile
gem 'jquery-ui-rails’,’~>4.2.1′
—————–
Rails4の場合はTurbolinksの関連で正常に動作しないようです。具体的には、初回読み込み時にはdatepickerが有効にならず、画面を再読み込みしたときに初めてdatepickerが有効になる、という状態になります。
—————–
えー!?
たしかに、一回リロードしたら、ちゃんとdatepickerになった!
ありえん、、、
しかし、これでは使い物にならない。
上記にあるように、
<%= link_to 'New Task’, new_task_path, data: { no_turbolink: true } %>
と記載すれば、リンク先では、一発でdatepickerが表示されるようにはなる。
http://jquery.nj-clucker.com/jquery-ui-datepicker-convenient-option-1/
によると、複数月表示も可能らしい。
っていうか、Rails4のTurbolinksと、datepickerの相性はなんとかならないのか。。。