neutligenの日記

初心者が商用開発に挑む姿を綴ります。僕のような初心者の方に「こんな奴もいるんかー」と思って読んでもらい、コメントまで貰えたら幸いです。

開発のわだち(7):カレンダービューを編集する

「カレンダービューを編集する」

目標:fullcalendarのビューを変えてみる



ビューの編集はfull calendarが用意してくれてるオブジェクトがあるのでそれに従って変更します。

例えば、ここを参考に以下のように設定すると、

app/assets/javascripts/calendar.coffee

$(document).ready ->
  $('#calendar').fullCalendar
    header:
      left: 'prev,next today',
      center: 'title',
      right: 'month,agendaWeek,agendaDay',
    defaultView: 'month',
    slotMinutes: 30,
    timeFormat: 'H:mm',

こんな感じになります。

f:id:neutligen:20160323183202p:plain

full calendarのリファレンスドキュメントがjavascriptで書かれているのでrailsで採用する場合はcoffeescriptに直す必要があります。
その時に利用させてもらってるのは、ここです。

まだまだjavascriptの知識が足りないぜ。

環境

ホストOS: MacOSX 10.11.3
VirtualBox: 5.0.14
Vagrant: 1.7.4
ゲストOS: CentOS 7

ゲストOSの環境

Apache: 2.4.6
node.js: v0.10.43
ruby: 2.2.1p85
Rails: 4.2.6
fullcalendar-rails (2.6.1.0)