fullcalendar 행을

Question

행으로 변경 fullcalendar의 표시를 세로 축에 일 (일요일, 월요일 등)을 표시하도록 변경하는 방법이 있으며 가로 축에 시간을 표시해야합니다. 내 의뢰인.

감사합니다.

Answer 1

그렇게 할 방법이 없습니다. 그러나 당신 스스로 할 수 있습니다.

Fullcalendar 뷰는 다음과 같은 구조의 테이블로 도시되어

<tr class="fc-week0 fc-first" style=""> 
    <td class="fc-sun fc-widget-content fc-day0 fc-first fc-other-month">…</td> 
    <td class="fc-mon fc-widget-content fc-day1 fc-other-month">…</td> 

각 약에 대한 행과 매일 세포가 볼 수 있듯이.

1. 는 플러그인 소스를 수정

   당신은 당신이 원하는 것을 달성하기 위해 두 가지 옵션이 있습니다. 보기는 BasicView.js에 렌더링됩니다. 그냥 라인 140을 변경하고 "대체"td < -> tr.

2. 요소를 재정렬하는 데 필요한 몇 가지 추가 코드를 작성하십시오. 캘린더가 DOM에 삽입되는 즉시 호출되는 작고 간단한 스크립트를 작성하십시오. 스크립트는 원하는 순서대로 테이블을 다시 작성해야합니다.

Answer 2

르노 Kurlin는 자원 관리를위한 수평 Fullcalendar보기를 포크했다 : 그것은 수평 축에 시간 세부 사항을 표시하지 않습니다 http://tux.fi/~jarnok/fullcalendar-resourceviews/

이 이전 링크를 기반으로

https://github.com/jarnokurlin/fullcalendar

, 그러나 당신은 당신의 요구 사항에 맞추기 위해 이것을 쉽게 조정할 수있을 것입니다.

Answer 3

eventRender 메서드를 재정의하면 FullCalendar 이벤트를 원하는대로 선택할 수 있습니다. 질문 How to adjust width and position of events in jQuery Full Calendar in week-view and day view도 비슷한 문제를 해결했습니다. 경우 http://arshaw.com/fullcalendar/docs/event_rendering/eventRender/

는 당신이 필요로 할 때 당신은 또한 자신의 eventAfterRender 방법을 사용할 수 있습니다 : : 나는 또한이를 구현 싶어요 http://arshaw.com/fullcalendar/docs/event_rendering/eventAfterRender/

var $yourCalendar = $('#calendarId'); 
$yourCalendar.fullCalendar({ 
    events[//your events 
    ], 
    eventRender: function(event, element, view) { 
    // Reposition your element here 
    }, 
    eventAfterRender: function(event, element, view) { 
    // Make minor post-rendering corrections to your element here 
    } 
});