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

首先，

事件：'htpp：//example.com/getevents.php'，

这是一个错字 - 它应该是 http

我在代码中使用的是 $（'#calendar'）。fullCalendar（'renderEvent'，calEvent）方法，其中calEvent是日历方法的json表示。这样，无论何时在服务器端添加日历事件，它都会立即添加到日历中，而无需再次调用服务器。

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

Answer 2

kyle正在使用$ calendar = $（'＃some_div'）。fullCalendar（...）之类的东西，以便最小化jQuery为查找div而执行的DOM解析的数量。这是一个常见的jQuery优化。

fullCalendar不动态呈现新事件

2 个答案: