12 개 개월 슬롯

Question

샘플보기를 사용자 정의 해보기를 디자인합니다. 나는 사용자 지정보기로 fullcalendar - 스케줄러를 사용하여 다음과 같이 정의 할 수 있습니다 :

views: { 
    timelineCustom: { 
    type: 'timeline', 
    buttonText: 'Year View',    
    duration: {year:1}, 
    slotDuration: {month:1} 
    } 
} 

그러나, 내년 3 월 31 일에서 4 월 1 일 및 마지막 달의 시작과 함께 회계 연도보기를 설정하는 방법이 없습니다. 또한 타임 라인 바는 이벤트가 그 달의 후반부부터 시작 되더라도 한 달 전체를 커버 할 것입니다.

Answer 1

첫 번째 문제는 새로운 "visibleRange"옵션을 사용하여 4 월에 시작하여 다음 해 3 월에 끝나는 문제를 해결할 수 있습니다. 이렇게하면 현재 날짜 (즉, 전체 캘린더가 선택된 것으로 간주되는 날짜)와 관련하여보기의 시작일/종료일을 제공 할 수 있습니다. 또한 Next/Previous가 현재 날짜를 1 년 씩 올리려면 "dateIncrement"옵션을 설정해야합니다.

N.B. fullCalendar 3.3.0 및 스케줄러 1.6.0 이상이 필요합니다.

timelineCustom: { 
    type: 'timeline', 
    buttonText: 'Year View', 
    dateIncrement: { years: 1 }, 
    slotDuration: { months: 1 }, 
    visibleRange: function(currentDate) { 
     return { 
      start: currentDate.clone().startOf('year').add({ months: 3}), 
      end: currentDate.clone().endOf("year").add({ months: 4}) 
     }; 
    } 
} 

은 자세한 내용

그러나

, 타임 라인 바 이벤트가 한 달 하반기에 시작하더라도 한달 내내 슬롯을 포함하여 문제에 대한 https://fullcalendar.io/docs/current_date/visibleRange/ 및 https://fullcalendar.io/docs/current_date/dateIncrement/를 참조, 정말 풀 수없는 네가 원하는대로. "슬롯"의 전체 지점은 해당보기에서 에 대해 이벤트를 표시 할 수있는 최소 시간이되어야합니다.. 그보다 더 미묘하기를 원하면 더 짧은 슬롯을 정의해야합니다. fullCalendar의 기본 "월"(비 타임 라인)보기에서도 동일한 현상이 발생합니다. 모든 이벤트는 시간에 관계없이 하루 종일 처리되지만 설명에서 시간을 볼 수 있습니다. 귀하의 예에서는 설명에 표시된 이벤트의 날짜가 이미 있으므로 사용자에게 합리적으로 명확해야합니다.

사용자가 월별보기를 클릭하면 슬롯 기간을보다 정확하게 표시하여 더 자세히 분석 할 수 있습니다. 어느 쪽이든 또는 타협하여 slotDuration을 더 작게 설정해야합니다.