スポンサーリンク

Rails4でBootstrap

 

http://blog.scimpr.com/2013/12/31/rails4-0%E3%81%A7bootstrap%E5%B0%8E%E5%85%A5%E3%81%AE%E3%81%82%E3%82%8C%E3%81%93%E3%82%8C%EF%BD%9Ebootstrap-sass-simple_form-kaminari-datatables/

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にならない、だめぽ。

———————–

次は以下をトライ

http://junkbox.wicurio.com/index.php?jQuery%E3%81%AE%E5%B0%8E%E5%85%A5%E3%81%A8datepicker%E8%A1%A8%E7%A4%BA%E8%A8%AD%E5%AE%9A も参考かな?)

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

●Gemfile

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

—————–

Rails4の場合はTurbolinksの関連で正常に動作しないようです。具体的には、初回読み込み時にはdatepickerが有効にならず、画面を再読み込みしたときに初めてdatepickerが有効になる、という状態になります。

—————–

えー!?


 

 

たしかに、一回リロードしたら、ちゃんとdatepickerになった!

ありえん、、、

image

しかし、これでは使い物にならない。

上記にあるように、

<%= 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の相性はなんとかならないのか。。。

スポンサーリンク