完整日历 - 在周视图中突出显示特定日期

Question

我正在研究FullCalendar。按照这个线程，我可以从页面上的日期选择器中选择特定日期。

我在周视图中显示完整日历。我在这里的问题是，在周视图中，我无法在我去的日期申请fc-state-highlight课程。即使该周有我要求的日期，也永远不会突出显示。

但是，我能够使用

$('.fc-today').removeClass('fc-state-highlight');

我需要将上述类添加到我迄今为止的日期中。

任何帮助将不胜感激。

编辑：我自己发布了解决方案。

Answer 1

好的伙计们，我为我的问题制定了解决方案。

按照 FullCalendar 网站上的此文档，我使用回调方法dayRender()来解决我的问题。

上面的方法有两个参数 - date 和 cell .第一个将一周中的所有天存储在basicWeek视图中。因此，鉴于我的所需日期存储在变量reqDate中，我做了这样的事情：

$('#my-div').fullCalendar({
    year: reqDate.getFullYear(),
    month: reqDate.getMonth(),
    date: reqDate.getDate(),
    dayRender: function(daysOfWeek, cell)
    {
        if(reqDate.getDate()==daysOfWeek.getDate())
        {
            $(cell).addClass('fc-state-highlight');
        }
        else
        {
            $(cell).removeClass('fc-state-highlight');
        }
    }
});

就是这样:)

Answer 2

您可以在加载期间创建新事件，以及上一个和下一个按钮。

该函数应检查本周的情况，例如，

$( "table.fc-agenda-days" ).hasClass( "td.fc-today" )
or
if ($("table.fc-agenda-days").find("td.fc-today").length > 0){ 
    $("table.fc-agenda-days td.fc-widget-content").addClass('fc-state-highlight');
}

希望，这有帮助。