是否可以顯示兩三個月？

1

FullCalendar的文檔應該可以幫助你回答這個問題（這是有據可查的，順便說一句）。我發現this快速搜索您的答案。

編輯：進一步挖掘一點，我發現this以及其中注意到它不是一個主要功能，但有一些事情，你可以做，以模仿你想要的。

2010-08-02 22:12:24 rickp

+0

在此先感謝。這個問題199建議我創建3個日曆，但我不確定如果將事件從Month1（calendar1）拖動到Month3（calendar3），我不確定它會工作。我會檢查它。不管怎麼說，還是要謝謝你。 – 2010-08-03 16:57:52

+0

我非常有信心（沒有使用它），你不能這樣做，除非你感覺冒險，並且想要修改庫來做到這一點。不要忘記接受答案:)。 – rickp 2010-08-03 17:09:55

0

@ John Smith - 我創建了3個日曆，迄今爲止它似乎在爲我工作，但不是拖動事件，地雷只是簡單地保存事件標題，開始和結束以及編輯它們的能力。

來源

2010-08-04 14:37:04 hersh

3

即使我想要一樣，做了這樣的事情。

<table width="100%" cellpadding="5" cellspacing="5"> <tr> <td>   </td> <td> <input type="button" id="myprevbutton" value=" ◄ " />  <input type="button" id="mynextbutton" value=" ► " />  </td> <td>   </td> </tr> <tr> <td width="33%"> <div id='calendar0'> </div> </td> <td width="33%"> <div id='calendar1'> </div> </td> <td width="33%"> <div id='calendar2'> </div> </td> </tr> </table>

和JS

$(document).ready(function() { 

    var date = new Date(); 

    var d = date.getDate(); 
    var m = date.getMonth(); 
    var y = date.getFullYear(); 

    $('#calendar0').fullCalendar({ 
    header: { 
      left: '', 
      center: 'title', 
      right: '' 
     }, 
    month:m-1, 
    theme: true, 
    }); 
    $('#calendar2').fullCalendar({ 
    header: { 
      left: '', 
      center: 'title', 
      right: '' 
     }, 
    month:m+1, 
    theme: true, 
    }); 
    $('#calendar1').fullCalendar({ 
     header: { 
      left: '', 
      center: 'title', 
      right: '' 
     }, 
    theme: true, 
    editable: false, 
    }); 

    $('#myprevbutton').click(function() { 
     $('#calendar0').fullCalendar('prev'); 
     $('#calendar1').fullCalendar('prev'); 
     $('#calendar2').fullCalendar('prev'); 
    }); 
    $('#mynextbutton').click(function() { 
     $('#calendar0').fullCalendar('next'); 
     $('#calendar1').fullCalendar('next'); 
     $('#calendar2').fullCalendar('next'); 
    }); 



});

來源

2010-12-18 15:47:19 Geervani

1

TL; DR
Cannon has posted a modified FullCalendar允許日曆跨越超過一個月的跨越，但是這似乎運行所有月份成海誓山盟，並且綁定到FullCalendar的早期版本。

這裏是我採取3個單獨的日曆，它隱藏在兩個日曆導航和同步主日曆月：jsFiddle

詳細

設置了3個日曆 - 在我的情況下，主日曆與下一個和前幾個月較小的'看後面/向前看'日曆：

<div id='calendarPrev' style='width:50%'></div> 
<div id='calendarCurrent' style='width:100%'></div> 
<div id='calendarNext' style='width:50%'></div>

DRY向上日曆初始化一個函數任選隱藏導航：

function initCalendar($calendarDiv, displayDate, isMain) { 
    $calendarDiv.fullCalendar({ 
     defaultDate: displayDate, 
     header: { 
      left: 'title', 
      center: '', 
      right: isMain 
       ? 'today prev,next' 
       : '' 
     }, 
     events: ... eventdata callbacks etc 
    }); 
}

在$(document).ready，設置今天圍繞3個日曆的初始日，但除了正好1個月，隱藏在兩個輔助日曆導航。在「主」日曆next和prev按鈕再用鐵絲附加的事件處理程序，其保持在3個日曆保持同步：

$(document).ready(function() { 
    initCalendar($('#calendarCurrent'), moment(), true); 
    initCalendar($('#calendarPrev'), moment().subtract(1, 'months'), false); 
    initCalendar($('#calendarNext'), moment().add(1, 'months'), false); 

    $('body').on('click', 'button.fc-prev-button', function() { 
     $('#calendarPrev').fullCalendar('prev'); 
     $('#calendarNext').fullCalendar('prev'); 
     // allow main calendar event to propogate 
    }); 

    $('body').on('click', 'button.fc-next-button', function() { 
     $('#calendarPrev').fullCalendar('next'); 
     $('#calendarNext').fullCalendar('next'); 
     // allow main calendar event to propogate 
    }); 
}

來源

2014-11-25 06:33:24 StuartLC

-2

添加到第一，第二和第三個月：

defaultDate:'2016-07-01',

來源

2016-08-03 18:50:30

+0

請解釋這將如何幫助 – jlapoutre 2016-08-03 19:16:33

0

一種替代方法可以在basicWeek視圖中顯示所需的週數。它呈現爲顯示2個月的標籤。

$('#calendar').fullCalendar({ 

    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,basicWeek,basicDay' 
    }, 
    views: { 
     basicWeek: { 
      type: 'basic', 
      duration: {weeks: 8}, 
      rows: 8 
     } 
    } 
}

來源

2016-08-04 09:40:41

是否可以顯示兩三個月？

回答

相關問題