FullCalendar in Ruby on Rails funktioniert nicht

Question

Ich versuche, einen Kalender zu meiner Webanwendung hinzuzufügen, aber es funktioniert nicht. Ich habe die folgenden Anweisungen befolgt und kann den Kalender nicht füllen.

Muss ich auch das ganze Javascript schreiben? Dies scheint ein schneller Schritt zu sein, um einen Kalender zu installieren. Ich bin mir sicher, dass mir einige Installationsschritte fehlen, aber das habe ich online gefunden.

1. Add

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

2. Bundle installieren und starten Schienen Server gemfile.

3. Hinzufügen

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

4. In den application.css

   *= require fullcalendar 
   

5. In Meinung nach die folgenden html application.js:

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

Answer 1

Sie haben Optionen zur fullCalendar Plugin hinzufügen, so dass es weiß, wo von Ereignisdaten holen:

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

Im obigen Beispiel ist /events einen Pfad zu einem Controller von Ihnen, von dem Sie mit Ereignisdaten reagieren

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

Alternativ können Sie Ihre eigenen Ereignisdaten direkt an das fullCalendar Plugin bieten:

$('#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/

Es wird auch das Plugin initializer in einer jQuery-Ready-Funktion platzieren helfen, so dass die DOM Lasten zuerst:

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