创建简单事件的完整日历答案

【问题标题】：Full Calendar creating simple event创建简单事件的完整日历
【发布时间】：2012-10-14 00:35:32
【问题描述】：

我是使用 FullCalendar 的新手，我计划使用 JSON 来提供事件，但我不知道如何开始。我正在尝试将事件硬编码到其中，只是为了了解我应该在哪里以及如何将 JSON 传递给它。我很可能会创建一个 web 服务，它具有返回 Json 格式并提供它的功能，但与此同时。我如何对事件进行硬编码。这是我目前拥有的代码。我如何以及在哪里可以对下面的事件进行硬编码？：

<script type="text/javascript">
    $(document).ready(function () {

        $('#calendar').fullCalendar({
            allDaySlot: false,
            header: {

                left: 'today prev next',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            axisFormat: 'h(:mm)tt',
            timeFormat: { agenda: 'HH:mm{ - HH:mm}' },
            defaultView: 'month',
            editable: false,
            minTime: '8:30am',
            maxTime: '10:00pm',
            weekends: true,
            eventRender: function (event, element) {
            },
            eventClick: function (calEvent, jsEvent, view) {
            },
            dayClick: function (date, jsEvent, calEvent) {
            }

        })
    });

【问题讨论】：

这里回答stackoverflow.com/questions/2489372/…
不是我真的不明白 var n = parseInt(this.className.match(/fc\-slot(\d+)/)[1]);正在做..我只想在我的代码上简单地添加一个 JSON 来模拟一个事件。

标签： javascript jquery asp.net json fullcalendar

【解决方案1】：

请参阅：http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/，了解有关使用 JSON 提要作为 jQuery FullCalendar 的数据输入的文档。

演示：http://jsfiddle.net/SO_AMK/dB2Ps/

我实际上无法创建托管 JSON 文件，但您应该能够为其提供原始 JSON 输出（我的演示中有一个示例）。

使用每个可用字段的更复杂的方法是，您可以根据需要插入任意数量的非标准字段：http://jsfiddle.net/SO_AMK/u8Ksw/

【讨论】：

【解决方案2】：

很容易在 API 中找到各种源代码实现：

这里是事件（JSON 提要）文档的链接。 http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/

只需提供您的网址。如果您已经在 DOM 中拥有对象而不是让插件发出 ajax 请求，那么还有另一组文档

另外，如果我没记错的话，下载包还包含示例。

【讨论】：