jquery - fullCalendar 不动态渲染新事件

Question

我在使用 fullCalendar 的页面中有以下代码。我可以在页面中添加事件，但是日历不会动态显示此内容。在显示我添加的日期之前，我必须移至另一个月份(然后返回当前月份)。

有没有办法在以编程方式添加日期时动态刷新/呈现日历？

这是迄今为止我的代码片段:

## the code for generating the calendar

<script>

$(document).ready(function() {



 $('#calendar').fullCalendar({

  editable: false,

  events: 'http://example.com/getevents.php',

 });

});

</script> 

<h1>Calendar Test</h1>

<div id='calendar'></div>





## the code for updating it

$('#calendar').fullCalendar( 'refetchEvents' );

Answer 1

首先

events: 'htpp://example.com/getevents.php',

这是一个拼写错误吗？应该是http

我在代码中使用的是 $('#calendar').fullCalendar('renderEvent', calEvent) 方法，其中 calEvent 是日历方法的 json 表示形式。这样，每当您在服务器端添加日历事件时，它都会立即添加到日历中，而无需再次调用服务器。

否则我会尝试检查您的服务器端设置。也许您在保存新日历事件之​​前正在查询日历事件。