全日历 - 周视图 - 日期和时间突出显示

Question

如何在 fullCalendar 的周视图中突出显示特定日期？

在月视图中使用此代码可以实现相同的结果：

$('.fc-day[data-date="' + date + '"]').css("background-color", "rgba(143,223,130,0.5)");

在周视图中单击我们需要突出显示选定的日期。

Answer 1

问题不是很清楚，但如果我明白你的意思，你正试图在日历中使用 CSS 突出显示一周。你可以尝试这样的事情。它应该工作。

var startDate = '2023-04-02T00:00:00';
var endDate = '2023-04-06T00:00:00';

$('#calendar').fullCalendar({
  defaultView: 'agendaWeek',
  dayRender: function(date, cell) {
    if (date.isBetween(startDate, endDate, null, '[]')) {
      $(cell).css('background-color', 'rgba(143,223,130,0.5)');
    }
  }
});