Refre sh Календарь данных Div без обновления страницы

Question

Любая информация о том, как я могу обновить sh div, который содержит календарь FullCalendar?

Я хочу просто обновить sh div, чтобы проверить наличие новых данных из базы данных, из которой он извлекает данные без редактирование ViewModel или обновление страницы. Каждые 30 секунд.

index. html

<div id='calendar' style="background-color: #fff;"></div>

@section scripts{
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            var calendarEl = document.getElementById('calendar');

            let calendar = new FullCalendar.Calendar(calendarEl, {
                plugins: ['resourceTimeGrid'],
                defaultView: 'resourceTimeGridDay',
                schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
                businessHours: true,
                nowIndicator: true,
                minTime: "07:00:00",
                maxTime: "19:00:00",
                header: false,
                height: "parent",
                eventTextColor: '#fff',
                eventColor: '#005d99',
                resources: @Html.Raw(Json.Serialize(Model.Resources)),
                events:  @Html.Raw(Json.Serialize(Model.Events))
            });

            calendar.render();
        });
    </script>
}

Answer 1

Просто вы можете назначить список массивов источнику календаря, как показано ниже:

EventArray = jQuery.parseJSON(response.Data);
$('#calendar').fullCalendar('addEventSource', EventArray);
$('#calendar').fullCalendar('destroy');
loadcalendar();// Calendar init