如何在Fullcalendar中重新加载JSON数据

How to Reload JSON data in Fullcalendar?

本文关键字：加载 JSON 数据 新加载 Fullcalendar      更新时间：2024-06-24

我正在使用Fullcalendar。

在我的情况下，我正在添加自定义事件，就像当用户点击特定日期时，他可以添加他的事件，当他完成插入时，他刚刚添加的自定义事件会自动显示在日历上，这意味着新的JSON数据应该重新加载并显示。

这是我的代码：

events      : "ajax/response.php",//Fetching JSON From PHP File//
function insertEventSchedule()
{
    var title           = $('#titl').val();
    var fromDate        = $('#fromDate').val();
    var toDate          = $('#toDate').val();
        $.ajax({
                        type: "POST",
                        url : "ajax/insert_schedule_event.php",
                        data: "title="+title+"&fromDate="+fromDate+"&toDate="+toDate+"&timeStamp="+$.now(), 
                        cache: false,
                        beforeSend:  function() 
                            {
                                $('.submit_data').html('<img src="include/content/loaders/ajax-loader.gif" width="20">');
                            },
                        success: function(html)
                            {
                                $('#myPopup').dialog('close');  
                            }
                     });
    }
}

您必须在关闭对话框之前或之后构建一个事件对象并使用renderEvent方法渲染该事件

更新

var newEvent = new Object();
newEvent.title = "some text";
newEvent.start = new Date();
newEvent.allDay = false;
// ...
$('#calendar').fullCalendar( 'renderEvent', newEvent );

完整的事件属性列表在这里

相关文章：