Railsで使えるFullCalendarを日本語化する

Posted by jolantern on Monday, February 6, 2017

TOC

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

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

インストール

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

Gemfileに下記を追記。

<code>gem 'fullcalendar-rails'
gem 'momentjs-rails'
</code>

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

<code class="html"><div id="calendar"></div>
</code>

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

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

</code>

app/assets/javascript/application.js

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

app/assets/stylesheets/application.css

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

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

日本語化

application.jsを

<code>//= require fullcalendar
//= require fullcalendar/lang/ja
//= require_tree .
</code>

こうして

calendar.coffeeを

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

  }
  return


</code>

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