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> 

、各弱の行、および各日のセルがある見ることができるように。

あなたが望むものを達成するために2つのオプションがあります：

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 
    } 
});