如何在从 URL 检索的日历上突出显示特定日期

Question

我正在使用FullCalendar允许用户选择特定日期，从数据库中检索数据，然后使用该数据重新加载页面。 正在使用 URL 中的选定日期重写页面。

重新加载时，我获取日期并使用 defaultDate 参数加载日历，它移动到所选日期，但没有所选日期的视觉突出显示。

$(document).ready(function() {
    var newDate = getUrlVars()["scheduled_date"];
    // console.log(newDate);
    $('#scheduled_calendar').fullCalendar({
        <!--Header Section Including Previous,Next and Today-->
        header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,basicWeek,basicDay'
        },
        <!--Default Date-->
        // defaultDate: '2015-02-12',
        defaultDate: newDate,
        editable: true,
        eventLimit: true, // allow "more" link when too many events

        dayClick: function (date, jsEvent, view) {
            // console.log(date.format());
            var currentUrl = window.location.href;
            $(".fc-state-highlight").removeClass("fc-state-highlight");
            $(this).addClass("fc-state-highlight");
            newURL = addURLParam(currentUrl,"scheduled_date", date.format())
            location.href = newURL;
        }
    });
    if (newDate > "0000-00-00") {
        $('#scheduled_calendar').fullCalendar('gotoDate', newDate);
    }
});

Answer 1

找到了一些有用的东西。编辑了最终的 if 语句。

    if (newDate > "0000-00-00") {
        $('#scheduled_calendar').fullCalendar('gotoDate', newDate);
        $('.fc-day[data-date="' + newDate + '"]').css('background-color', "lightcyan");
    }

但是在文档中找不到 .fc-day 对象。