受託会社のCTOのメモ

チラシの裏

Railsにnpmでfullcalendarを導入

課題

  • gemもあるけど公式から入れたい
  • jqueryは未導入

方法

$ npm install jquery moment fullcalendar

application.jsに以下を追加

//= require jquery/dist/jquery
//= require moment/moment
//= require fullcalendar/dist/fullcalendar
//= require fullcalendar/dist/locale/ja
$(document).ready(function() {
  $('#calendar').fullCalendar({
  // オプションはここに追加
  })
});

application.scssに以下を追加

@import 'fullcalendar/dist/fullcalendar';

表示させたいviewファイルに追加

#calendar

サーバー再起動すれば動く

Docs

fullcalendar.io