Ruby on Rails FullCalendar無法正常工作

Question

我正在嘗試將日曆添加到我的網絡應用程序，但它不工作。我按照下面的說明進行操作，無法使日曆填充。

我是否需要編寫所有的Javascript？這似乎是安裝日曆的快速步驟。我確定我錯過了一些安裝步驟，但這是我在網上找到的。

1. 添加到Gemfile中

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

2.捆綁安裝，並重新啓動服務器的軌道。

3.添加到的application.js

//= require moment 
    //= require fullcalendar 
    $('#calendar').fullCalendar({}); 

添加到application.css

*= require fullcalendar 

在視圖中，包括下面的HTML：

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

Answer 1

你必須選項添加到fullCalendar插件，以便它知道在哪裏可以獲取來自事件數據：

$('#calendar').fullCalendar({ 
    eventSources: ["/events"] 
}); 

在上面的例子/events是你的一個控制器，從中你將事件數據進行響應的路徑

https://fullcalendar.io/docs/event_data/

或者，你可以直接提供自己的事件數據到fullCalendar插件：

$('#calendar').fullCalendar({ 
    events: [ 
     { 
      title : 'event1', 
      start : '2010-01-01' 
     }, 
     { 
      title : 'event2', 
      start : '2010-01-05', 
      end : '2010-01-07' 
     }, 
     { 
      title : 'event3', 
      start : '2010-01-09T12:30:00', 
      allDay : false // will make the time show 
     } 
    ] 
}); 

https://fullcalendar.io/docs/event_data/events_array/

這也將有助於放置插件初始化一個jQuery ready函數內部，使得DOM加載第一：

$(function() { 
    $('#calendar').fullCalendar({ eventSources: ["/events"] }); 
})