在全日曆中顯示基本日視圖中的多天

我使用完整日曆來顯示我的新項目月，周&日事件。在日按鈕點擊時，我想在basicDay視圖中顯示當前每個月的每一天。例如從4月1日到4月30日一個接一個的事件。在全日曆中顯示基本日視圖中的多天

這裏是我的代碼

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

var events_array = [ 
    { 
    title: 'Test1', 
    start: new Date(2012, 10, 1), 
    allDay: false}, 
{ 
    title: 'Test2', 
    start: new Date(2012, 10, 2), 
    allDay: true} 
]; 

$('#calendar').fullCalendar({ 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,basicDay' 
    }, 
    defaultView: 'month', 
    events: events_array,  
}).on('click', '.fc-basicDay-button', function() { // code goes here });

如果有另一種解決方案是存在的，那麼請建議。

我的輸出應該是這樣的

https://drive.google.com/file/d/0B4nWRJm-JCahVktDaFhXc0c0LUk/view?usp=sharing

黃顏色應該只對當前日期在那裏。

請幫忙，謝謝。

來源

2015-04-01 Prasanth Jaya

默認情況下，這對於可用視圖來說是不可能的。您需要創建一個Custom View：

喜歡的東西：

views: { 
     agendaTheWholeMonth: { 
      type: 'agenda', 
      duration: { days: 30 } 
     } 
    }

或者你可以在一個完全自定義的新視圖中工作。你在上面的鏈接中有更多的細節。

來源

2015-04-01 09:20:27

謝謝Levrero ..我會試試這個.. – 2015-04-07 03:58:20

最後，我通過創建一個名爲agendaList的新視圖得到了我的期望。該視圖出現在1.6.3版的舊版FullCalendar中。

這link將幫助你得到你想要的。

來源

2015-05-26 10:02:41

感謝分享！但我沒有看到任何新觀點的創造。只需使用agendaList視圖。無論如何，你能分享你的代碼嗎？所以當你移動你的文件時，仍然在這裏維護解決方案。 – 2015-05-28 12:00:56

@MarioLevrero實際上，FullCalendar 1.6.3沒有一個名爲agendaList的視圖。我使用自定義視圖創建。這個版本的fullcalendar只支持很少的東西，並且易於理解插件的流程來改變代碼。 – 2015-06-01 07:49:58

在全日曆中顯示基本日視圖中的多天

回答

相關問題