Question

我刚刚在FullCalendar工作。关注this thread我可以从我页面上的日期选择器中选择特定日期。

我在周视图中显示FullCalendar。我的问题是，在周视图中，我无法在我去过的日期应用fc-state-highlight课程。即使本周有我所需的日期，也不会突出显示。

但是，我可以使用

从当前日期删除相同的类

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

我需要将上面的课程添加到我最新的课程中。

非常感谢任何帮助。

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

Answer 1

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

在FullCalendar网站上关注this documentation后，我使用回调方法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

您可以在onload和prev和next按钮上创建新事件。

该功能应检查当前周，如

$( "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');
}

希望，这有帮助。

FullCalendar - 突出显示周视图中的特定日期

2 个答案: