JQuery日历未显示数据库中标记的预订日期

Question

我有一个jquery日历，可以选择多个日期并推送到一个数组中。这些日期稍后会保存在数据库中。这部分运行得很好。

稍后，在刷新页面后，日历不会显示标记的所有日期。

数据库中的日期以字符串形式存储在单个单元格中。在分解后，我尝试将其作为字符串和数组返回。不起作用。

这是我的代码：

var preSavedDates = [];

// Function1 Starts
$.ajax({
    type:'POST',
    url:'../includes/ajax/availabily_dates_fetch.php',
    data: "&listingID=" + listingID,
    datatype: 'json',
    success:function(response){
        preSavedDates = response;
        //alert([response]);
    }
});
// Function1 Ends

$('#show-next-month').calendar({
    num_next_month: 11,
    num_prev_month: 0,
    unavailable: preSavedDates, // Here is the variable needed
    //unavailable: ['2019-2-5','2019-3-6','2019-1-25'], Works
    onSelectDate: function(date, month, year, thisEvent){
        var dateData = [year, month, date].join('-');
        dateClickEvent(dateData, thisEvent);
    }
});

// Function2 to cross check if variable exists
alert(preSavedDates);
// Function2 Ends
// Produces - 2019-2-5,2019-3-6,2019-1-25

我希望来自数据库的日期在日历中突出显示。

Answer 1

我太傻了。

日历在文档就绪时初始化，日期值在稍后的事件中获取。

因此日历正在考虑默认的var preSavedDates = [];值。

现在，我已经将日历设置为在获取日期的同时进行初始化，它现在可以工作了。