如何从当天起每隔 7 天突出显示一次？答案

【问题标题】：How can I highlight every 7th day from current day?如何从当天起每隔 7 天突出显示一次？
【发布时间】：2018-10-25 23:01:27
【问题描述】：

我有一个默认为周视图的完整日历。当前日期突出显示。还有另一个外部事件 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);
    });

&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;

然后尝试在 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");
                    }
                },

【问题讨论】：

你能分享完整的代码并创建一个工作的sn-p吗？
“默认情况下它会在当前日期下降”是什么意思？因为在您指向的拖动演示中，可拖动事件会下降到鼠标释放的点，而不是当前日期。
@SvenLiivak，我刚刚改变了问题。感谢您指出。有拖放功能。然后有一个按钮单击，为用户设置了特定日期的约会。默认情况下，此特定日期为当天。但是当用户在几周之间导航时，无法告诉用户正在设置哪一天约会。
为什么你要包含一个 sn-p，它在没有 HTML 以及足够的 JavaScript 和 CSS 的情况下不会也不能做任何事情？
你到底为什么要改变当前日期的值而不是改变这个神秘按钮的“默认”值？

标签： javascript fullcalendar

【解决方案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");

            }

更多完整日历信息：fullcalendar hacks

【讨论】：