只顯示即將舉行的活動fullcalendar列表視圖

Question

我已經有一個簡單的FullCalendar設置，我想使用一個列表視圖類似於Google的議程視圖，這是一個列表從當前日期開始如此：

我目前FullCalendar設置使用listYear視圖，它開始於今年年初，僅顯示當前的年份：

我怎樣才能做一個列表視圖即：

• 只顯示即將發生的事件
• 顯示了未來N個月
事件

FullCalendar代碼：

<script type='text/javascript'> 
    $(document).ready(function() { 
     $('#calendar').fullCalendar({ 
      defaultView: 'listYear', 

      googleCalendarApiKey: 'xxxxxxxx', 
      events: { 
       googleCalendarId: 'xxxxx@group.calendar.google.com' 
      } 
     }); 
    }); 
</script> 

Answer 1

這裏是我的解決方案：

<script type='text/javascript'> 
    $(document).ready(function() { 
     $('#calendar').fullCalendar({ 
      defaultView: 'list', 
      header: false, 

      views: { 
       list: { 
        duration: { days: 90 }, 
        listDayAltFormat: 'dddd', 
       } 
      }, 

      googleCalendarApiKey: 'xxxxxxxx', 
      events: { 
       googleCalendarId: 'xxxxx@group.calendar.google.com' 
      } 
     }); 
    }); 
</script>