Javascript 如何创建基本的FullCalendar自定义视图

下面的代码来自FullCalendar的文档。这似乎是一个很好的开始，但对于像我这样的新手来说，拥有一些基本代码来呈现最简单的自定义视图（带有一些事件）将非常有帮助。他们告诉你把BasicView和AgendaView作为参考，但这有点超出我的理解。是否需要在自定义类中重写每个函数

这个Plunker有一个基本的完整日历和一个按钮，可以更改为自定义视图。非常有用的是看一个工作示例。我已经修修补补了几个小时，但没有成功实现自定义视图。如果你知道FullCalendar，并愿意为函数填写一些代码，那将非常感谢

我的目标是构建一个日期列表，以滚动div的顺序列出一天中的所有事件（其中每个条目最终将通过数据和css样式进行充实——我不确定listDay是否允许这种类型的定制？？）

---

我已经在您的plunker中添加了几行，以使自定义视图正常工作。您可以在这里找到示例：

仅提及这些变化： 在日历初始值设定项中添加了视图定义

$('#calendar').fullCalendar({
...
    views: {
            CustomView: {
                type: 'custom',
                buttonText: 'my Custom View',
                click:  $('#calendar').fullCalendar('changeView', 'CustomView')
            }
        }
});

在自定义视图中，刚刚在渲染中添加了此选项

 $('.fc-view').append("<div>Insert your content here</div").css("background", "red");

---

从那时起，您可以进行进一步的定制

嗨，您找到解决方案了吗？

 $('.fc-view').append("<div>Insert your content here</div").css("background", "red");

var myEvents=$('#calendar').fullCalendar('clientEvents');