FullCalendar mit mehreren Benutzern

Question

Wir verwenden derzeit eine Excel-Tabelle, um die Zeitpläne unseres 5-köpfigen Managementteams anzuzeigen. Es ist ziemlich einfach zu tun, da wir nur drei Schichten haben: D = Tagschicht, E für Abend und M für Mitternacht. Zellkommentare zeigen spezifische Aktivitäten zu einer bestimmten Schicht an.

Die Zeit ist gekommen, um von Excel in eine dynamischere Umgebung zu wechseln, und ich möchte FullCalendar zusammen mit meiner MongoDB und etwas Ruby Scripting verwenden. Da ich kein JS-Experte bin, möchte ich wissen, ob es möglich ist, alle fünf Zeitpläne in einem Kalender anzuzeigen. Vielleicht ein Kontrollkästchen neben dem Namen jedes Managers, der seinen Kalender anzeigt, wenn er markiert ist, oder alle Manager, wenn alle überprüfte Art der Umgebung.

Ich habe diese Art von Funktionalität nicht in den Dokumenten gesehen, also ist der nächste beste Ort, um herauszufinden, die Experten hier zu fragen!

Vielen Dank !!

Answer 1

Zuerst benötigen Sie Scheduler Add-on Vollkalender und Sie sind gut zu gehen. Heres ein Beispiel

 var calendar = $('#calendar').fullCalendar({ 
          schedulerLicenseKey: 'your key here', 
          header: {left: 'prev,next today', center: 'title', right: ''}, 
          selectable: true, 
          defaultView: 'agendaDay', 
          ignoreTimezone: true, 
          allDayDefault: false, 
          unselectAuto: false, 
          editable: false, 
          slotLabelFormat:"HH:mm", 
          events: [ //the events example 
      [ 
       id: 1, 
       type: null, 
       resourceIds: [ 
        21 
       ], 
       title:"Meeting With John", 
       start: 2017-02-13 09:00:00, 
       end: 2017-02-13 11:20:00, 
      ], 
      [ 
       id: 2, 
       type: null, 
       resourceIds: [ 
        22 
       ], 
       title: "Appointment With Doctor", 
       start: 2017-02-13 10: 00: 00, 
       end: 2017-02-13 13: 20: 00, 
      ], 
     ], 

    resources: [ // these resources examples are the users you want to create(where its id is mapped to resourceIds in events JSON) 
      [ 
       id: 21, 
       title: "User A" 
      ], 
      [ 
       id: 22, 
       title: "User B" 
      ] 
      ] 

         }); 


<div id="calendar" style="width:100% !important"> 

</div> 

den Schnappschuss für das Beispiel. Lassen Sie mich wissen, wie es funktioniert ...