jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 事件未在fullcalendar 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,a@R_450_11064@aWeek,a@R_450_11064@aDay',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'}]

但它不会显示在日历中.
如果我直接分配了值,那么它显示事件(例如:事件:[{id:’2302′,标题:’XXX’,开始:’4/4/2014 12:00:00 AM’,结束:’ 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"}]

大佬总结

以上是大佬教程为你收集整理的jquery – 事件未在fullcalendar js中显示全部内容,希望文章能够帮你解决jquery – 事件未在fullcalendar js中显示所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。