FullCalendar с несколькими пользователями

Question

В настоящее время мы используем электронную таблицу Excel для отображения расписаний нашей команды управления с 5 членами. Это довольно простая вещь, потому что у нас всего три смены: D = дневная смена, E для вечера и M в полночь. Сотовые комментарии показывают какие-либо конкретные действия в конкретной смене.

Пришло время отойти от Excel в более динамичную среду, и я бы хотел использовать FullCalendar вместе с моим MongoDB и некоторыми скриптами Ruby. Однако, не будучи экспертом JS, я хочу знать, можно ли просмотреть все 5 расписаний в одном календаре? Возможно, флажок рядом с именем каждого менеджера, который будет отображать их календарь, если он установлен, или все менеджеры, если все проверенные типы среды.

Я не видел этот тип функциональности в документах, поэтому следующее лучшее место, чтобы узнать, это попросить экспертов здесь!

Большое спасибо!

Answer 1

Сначала вам понадобится дополнение планировщика fullcalendar, и вам будет хорошо идти. Вот пример

 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> 

Смотрите снимок для примера. Дайте мне знать, как это работает ...