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


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

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

インストール

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

Gemfileに下記を追記。

gem 'fullcalendar-rails'
gem 'momentjs-rails'

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

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

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

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

  }
  return

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

タイトルとURLをコピーしました