2016-01-12 74 views
0

我正在使用完整日曆作爲規劃工具。爲了清楚地瞭解每個人在做什麼,我希望在新行上顯示每個事件(fc-event-container),而不是像這樣。周視圖中每行一個事件Fullcalendar

現在: FullCalendar weekview example1

我想新的事件發生間隔物像它的底部有一個在FullCalendar weekview例1

我會把它喜歡被顯示在新<tr><td/>小號是這樣的: FullCalendar weekview example2

我砍死它在瀏覽器中是這樣的:

<tr> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td class="fc-event-container" colspan="2"> 
    <a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end"> 
     <div class="fc-content"> 
     <span class="fc-time">00</span> 
     <span class="fc-title">Dirk Blaauw - asdfg</span> 
     </div> 
    </a> 
    </td> 
</tr> 

這已經在第一個例子中最低的情況下自動完成,由此fullcalendar.js功能,筆者認爲:

renderFill:功能(類型,SEGS,類名)

能有人幫我把每個事件都放在一個新的TR上,然後讓間距正確嗎?

供參考:這些都是選項和數據,我們使用:

$(document).ready(function() { 
    $('#calendarWeek').fullCalendar({ 
     defaultView: 'basicWeek', 
     weekends: false, 

     events:[ <?php foreach($cal_data as $c): ?> 
     { 
        title: '<?php echo $c['assigned_to'] . ' - ' . $c['activity'];?>', 
        start: '<?php echo $c['start'];?>', 
        end: '<?php echo $c['end'];?>T23:59:00' 
     }, 
       <?php endforeach;?> 

     ] 

    }); 
}); 

回答

0

在fullcalendar.js下面的函數確保它是否適合,這兩個事件都在同一行中打印。

function isDaySegCollision(seg, otherSegs){ 
logic 
} 

確保兩個條件都返回true。

這有點破解,但我不知道如何做得更好。這可能對其他完整日曆用戶有所幫助。

相關問題