Zeige nur anstehende Ereignisse in der Vollkalender Listenansicht

Question

Ich habe eine einfache FullCalendar-Einrichtung, und ich würde gerne eine Listenansicht ähnlich der Agenda-Ansicht von Google verwenden, die eine Liste am aktuellen Datum wie folgt beginnt:

Mein aktueller FullCalendar Setup verwendet die listYear Ansicht, die zu Beginn des Jahres beginnt und zeigt nur das aktuelle Jahr:

Wie kann ich eine Listenansicht machen dass:

• zeigt nur bevorstehende Ereignisse
• zeigt Ereignisse für die nächsten N Monate

FullCalendar Code:

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

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

Answer 1

Hier ist meine Lösung:

<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>