仅显示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>