Как обновить годовой календарь начальной загрузки с данными из jqueryAJAX?

Question

Я использую этот календарь начальной загрузки года: http://www.bootstrap -year-calendar.com / # Документация / Опции

Я хочу пометить диапазоны дат красным цветом на соответствующей рабочей станцииуже занят по графику.Я использую следующий AJAX:

function createCalendar(){
  $.post('../include/SitzplatzDetails/retrieveCalendarData.php', {
      arbeitsplatzID : 147
  }).then((calendarData) => {
    //calendarData = JSON.parse(calendarData);
    console.log("data from retrieveCalendarData.php is ", calendarData)
    //let calendarArray = [calendarData]
    //console.log("calendarArray is ", calendarArray)
    $('#calendar').data('calendar').setDataSource([calendarData])//TODO: This worked, make it with variable! ([{id: "865",name: "Andreas Lang",startDate: new Date('2018-12-23'),endDate: new Date('2018-12-30'),"color": "#FF0000",}])

  })
}

Самое смешное, что он не работает, даже если данные, поступающие из бэкэнда, выглядят как выше (см. Последние две строки комментария).Данные, поступающие с сервера, представляют собой простую строку, точно напоминающую структуру

{id: "865",name: "Andreas Lang",startDate: new Date('2018-12-23'),endDate: new Date('2018-12-30'),"color": "#FF0000",}

Когда я помещаю эту строку вручную в параметр setDataSource (), тогда она работает.И по любой причине, когда эта самая строка входит в переменную из AJAX, она больше не работает: /

Я также уже пытался поместить строку в массив JS (см. Закомментированный код в AJAX), ноэто не помогло.Я также попытался удалить скобки массива "[]" вокруг строковой переменной "calendarData", но это не помогло.У меня нет идей ... ^^