Expected behavior The first ajax call works perfectly. The data is returned and the calendar behaves as expected, updating the events dictionary. All subsequent calls, triggered by clicking on a date - while they return the correct data to the success function, the calendar continues to show data from the first call. It never updates. I have tried two things: - putting cache: false on the AJAX call, and - empty() on the div that displays the data. While the data does empty when calling it, the calendar still does not display with the new data, the div remains empty.

Actual behavior

Resources (screenshots, code snippets etc.)

$.ajax( { 
    type:"POST", 
    url: "/teachers/teacherDayAgenda/", 
    data:{ 
        'event_date': dateClicked
}, 
    dataType: 'json',
cache: false,
success: function( eventData ) {
        var lessonEvents = [];
    var lesson = {};

    for (var key in eventData) {
        if (key=="eventDefault")
        break;
    lesson = {};
    lesson['title'] = "Lesson with "+eventData[key]['teacher_name'];
    lesson['start'] = formatDate(moment(eventData[key]['timeslot_start']).toDate());
                            lesson['end'] = formatDate(moment(lesson['start']).add(40, 'm').toDate());
    lessonEvents.push(lesson);
}

    $('#teacher_schedule').empty();

    $('#teacher_schedule').fullCalendar({
            header: {
            left: 'prev,next today',
        center: 'title',
        right: 'agendaDay,listWeek'
        },
        defaultDate: eventData['event0']['click_event_date'],
        navLinks: true,
        eventLimit: true,
        events: lessonEvents
    });


    $("#teacher_schedule .fc-agendaDay-button").trigger("click");

    } 
}); 

You can test it on the dev site: StudySpot

Credentials: username: test4@test4.com password: lkjhlkjh Then click on Calendar on the profile page.
Then click on a date to see the ajax produced calendar in the overlay. -Notice the date does not change.
-Test data on April 16th, 2020