如何从当天开始突出显示每 7 天一次?

Question

我有一个完整的日历默认为周视图。突出显示当前日期。还有另一个外部事件div，事件需要从那里放在日历上。这东西按设计工作。还有一个自定义按钮，单击应在日历上添加哪个事件。 默认情况下，它会在当前日期下降。但是，当用户更改周、导航到下周或上一周时，不会选择任何日期。 我不仅想选择每 7 天(+7 表示下一个或前一天为 -7(作为默认日期并更改其颜色。 很难提供完整的代码，但在这里，运行以下链接并将视图设置为周视图。打开周视图时，26 日星期五是当前日期并选择。当用户导航到上一个或下一个时，我希望 11 月 2 日或 10 月 19 日成为默认日期并突出显示(颜色(
https://fullcalendar.io/docs/external-dragging-demo 我尝试了几件事都没有成功：

$('.fc-prev-button').click(function(){
	//currCalDate is global variable to store the current day
	 currCalDate.setDate(currCalDate.getDate() - 7);
	 console.log(currCalDate);
	 $('#calendar').fullCalendar('gotoDate', currCalDate);
});

$('.fc-next-button').click(function(){
currCalDate.setDate(currCalDate.getDate() + 7);
$('#calendar').fullCalendar('gotoDate', currCalDate);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

然后尝试在 FC 定义中使用 dayRender，或者可以使用 viewRender 完成一些事情？

dayRender: function (date, cell) {
var today = new Date(currCalDate);
date = moment(date).toDate();
if (date.getDate() === today.getDate()) {
cell.css("background-color", "red");
}
},

Answer 1

在这里，您可以查看下一个第 7 天突出显示的代码：

dayRender: function (date, cell) {
var today = new Date();
date = moment(date).toDate();
dateFromplus = moment().add(7,'d').format('YYYY-MM-DD');
$(".fc-day[data-date='"+dateFromplus+"']").css("background-color", "red");
dateFromminus = moment().subtract(7,'d').format('YYYY-MM-DD');
$(".fc-day[data-date='"+dateFromminus+"']").css("background-color", "red");
}

有关更多完整日历信息 ： 完整日历黑客