完整日历创建简单事件

时间:2012-10-14 00:35:33

标签: javascript jquery asp.net json fullcalendar

我是使用FullCalendar的新手,我打算使用JSON来为它提供事件,但我不知道如何开始。我正在尝试将事件硬编码到其中只是为了了解我应该在哪里以及如何将它传递给JSON。我很可能会创建一个webservice,它具有一个可以重新调整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) {
            }

        })
    });

2 个答案:

答案 0 :(得分:3)

有关使用JSON Feed作为jQuery FullCalendar的数据输入的文档,请参阅:http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/

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

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

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

答案 1 :(得分:2)

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

这是指向Events(JSON feed)文档的链接。 http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/

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

此外,如果我没记错的话,下载包中也包含示例。