カレンダー実装したかった

Railsで作っているアプリケーションにカレンダー的なViewを作りたいなーと考えた。まあ頑張って書いてもいいけど、Gemでいいのないかなと思ったらFullCalendarがあったんで、それを試してみた。なんか日本語化も出来るんだけど、各所に載ってる情報が古かったんでメモ。

インストール

この記事にたどり着いた人のどの程度がインストールを済ませていないか知らないけど簡単に書く。

Gemfileに下記を追記。

gem &#39;fullcalendar-rails&#39;
gem &#39;momentjs-rails&#39;

bundle installして、表示したいところに

<div id="calendar"></div>

とか書いて、 app/assets/javascript/calendar.coffee とか、表示したいViewに対応したやつに

<code class="coffeescript"><br></br>$(document).ready ->
  $(&#39;#calendar&#39;).fullCalendar {}
  return

app/assets/javascript/application.js に

<code class="javascript">//= require moment
//= require fullcalendar

app/assets/stylesheets/application.css に

<code class="css">*= require fullcalendar

とか書けば見えるようになる。

application.jsを

//= require fullcalendar
//= require fullcalendar/lang/ja
//= require_tree .

こうして

calendar.coffeeを

<code class="coffeescript"><br></br>$(document).ready ->
  $(&#39;#calendar&#39;).fullCalendar {
      lang: &#39;ja&#39;

  }
  return

こうすればいい。それだけ。なお結局simple_calendarの方が用途に合っているという結論に至った。