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");

            }

有关全部日历的信息：fullcalendar hacks

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

1 个答案: