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

Во-первых,

события: 'htpp: //example.com/getevents.php',

Опечатка - это должно быть http

Я использую в своем коде $ ('# calendar'). FullCalendar ('renderEvent', calEvent) метод, где calEvent - это json-представление метода календаря. Таким образом, всякий раз, когда вы добавляете событие календаря на стороне сервера, он мгновенно добавляется в календарь, не требуя повторного вызова на сервер.

В противном случае я попробую проверить настройки на сервере. Возможно, вы запрашиваете события календаря перед тем, как новый будет сохранен.

Answer 2

Кайл использует что-то вроде $ calendar = $ ('# some_div'). FullCalendar (...), чтобы свести к минимуму количество разборок DOM, выполненных jQuery для поиска div. Это обычная оптимизация jQuery.