FullCalendar.js를 사용하여 날짜와 리소스를 그룹화하는 방법은 무엇입니까?

Question

저는 FullCalendar를 사용하여 매일 3 개의 섹션으로 내 일정을 생성합니다. groupByDateAndResource 속성과 그와 같은 리소스를 추가합니다.

$('#calendar').fullCalendar({ 
    header: { 
     left: 'prev,next', 
     center: 'title', 
     right: 'agendaWeek,agendaDayTrucks' 
    }, 
    views: { 
     agendaDayTrucks: { 
      type: 'agenda', 
      duration: { day: 1 }, 
      buttonText: 'Truck View Per Day' 
     } 
    }, 
    buttonText: { 
     week: 'Week View' 
    }, 
    nowIndicator: true, 
    defaultView: 'agendaWeek', 
    defaultDate: moment().format('YYYY-MM-DD'), 
    slotDuration: '01:00:00', 
    snapDuration: '00:05:00', 
    groupByDateAndResource: true, 
    resources: [ 
     { id: 'truck1', title: 'Truck 1' }, 
     { id: 'truck2', title: 'Truck 2' }, 
     { id: 'truck3', title: 'Truck 3' } 
    ] 
    ... 
}); 

내 캘린더는 완벽하게 표시되지만 내 열은 3 개의 섹션으로 나누어지지 않습니다. See image

내 모든 요일을 FullCalendar.js 섹션으로 나누려면 어떻게합니까?

감사합니다.

는 해결책 :

나는 extension scheduler.js를 설치했습니다. FullCalender의이 확장은 원하는대로 모든 리소스를 표시합니다.

Answer 1

당신은 이렇게해야합니다. 헤더에 있습니다. 그리고 몸체에서 다시 셀을 나누어야합니다.