javascript - 如何突出显示从 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 对象。