jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何在fullCalendar中更新事件?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在fullcalendar中更新我的json,这是我正在尝试做的事情.
我有一个 JSON字符串,我直接尝试输入完整日历中的事件对象.

– >

var JSON[
    {
        "id": "1",// Optional
        "title": "Demo event",// required
        "start": "2013-08-28 10:20:00",// required
        "end": "2013-08-28 11:00:00",// Optional
        "allDay": false,// Optional
        "url": "http://google.com",// Optional,will not open because of browser-iframe security issues
        "className": "test-class",// Optional
        "editable": true,// Optional
        "color": "yellow",// Optional
        "borderColor": "red",// Optional
        "backgroundColor": "yellow",// Optional
        "textColor": "green" // Optional
    },{
        "id": "2",// Optional
        "title": "Demo event 2",// required
        "start": "2013-08-27 10:20:00",// required
        "end": "2013-08-27 11:00:00",// Optional
        "textColor": "green" // Optional
    }
];

,

然后我想将一些下拉事件(未在小提琴中显示)上的JSON修改为新字符串并尝试在日历上获取新事件.

fullCalendar不会生效.

http://jsfiddle.net/pratik24/u8Ksw/28/

谢谢您的帮助.欣赏它.

解决方法

您没有调用正确的fullCalendar方法来呈现新事件.

这不起作用,因为它只是为了第一次渲染事件:

$("#demo-calendar").fullCalendar('renderEvents',JSON);

相反,您需要删除日历上的事件并刷新它们:

$("#demo-calendar").fullCalendar('removeEvents'); 
   $("#demo-calendar").fullCalendar('addEventSource',JSON);

检查小提琴:http://jsfiddle.net/shaunp/u8Ksw/29/

请注意,有一个名为refetchEvents的fullCalendar方法,但它不适用于您创建的事件数组,因此您必须手动关闭事件并再次重新添加事件源.

大佬总结

以上是大佬教程为你收集整理的jquery – 如何在fullCalendar中更新事件?全部内容,希望文章能够帮你解决jquery – 如何在fullCalendar中更新事件?所遇到的程序开发问题。

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

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