未以完整日历js显示的事件 [英] Events not displayed in fullcalendar js

查看:24
本文介绍了未以完整日历js显示的事件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

请任何人帮助我找出代码中的错误之处。我对日历事件使用了fullcalendar.js。

我想在日历中显示事件。以下是我的代码。

    $(document).ready(function() {

        $(window).resize(function() {
            $('#calendar').fullCalendar('option', 'height', get_calendar_height());
        });

        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();
        var nevent = [];
        
        nevent = document.getElementById('<%=hdnevent.ClientID%>').value;
        
       
       // alert(nevent);
        var calendar = $('#calendar').fullCalendar({
            theme: true,
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay',
                width: get_calendar_width
            },
            width: get_calendar_width,
            height: 480,
            selectable: true,
            selectHelper: true,
            slotMinutes: 15,
            allDayDefault: false,

            //  events: 'JsonResponse.ashx',
            events: nevent
     });

    });

nevent值为:

[{ id: '2302', title: 'XXX', start: '4/4/2014 12:00:00 AM', end: '4/4/2014 12:00:00 AM', allDay: true, url: 'xxx'}]

但它不显示在日历中。 如果我直接赋值,则它会显示事件。

示例:

events: [
    { 
        id: '2302', 
        title: 'XXX', 
        start: '4/4/2014 12:00:00 AM', 
        end: '4/4/2014 12:00:00 AM', 
        allDay: true, 
        url: 'xxx'
    }
]

请帮助我改正错误。

推荐答案

需要通知日历在数据更改后更新。尝试:

$("#calendar").fullCalendar('removeEvents');
$("#calendar").fullCalendar('addEventSource', nevent);
$("#calendar").fullCalendar('rerenderEvents');

nEvent准备就绪时。

编辑:

将输入作为JSON对象而不是字符串接受:

nevent = $.parseJSON(document.getElementById('<%=hdnevent.ClientID%>').value);

请注意,JSON的格式必须正确,并带有引号:

[{ "id": "2302", "title": "XXX", "start": "4/4/2014 12:00:00 AM", "end": "4/4/2014 12:00:00 AM", "allDay": true, "url": "xxx"}]

这篇关于未以完整日历js显示的事件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆