全日历今天一种颜色，明天一种颜色

Question

今天日期一种颜色..今天的日期是23-06-2018所以明天日历日期颜色是绿色我想要的。 查看此演示链接 23-06-2018 是 背景颜色是黄色，所以明天到日历日期结束的背景颜色是绿色

$('#calendar').fullCalendar({
events: [
{
title  : 'event1',
start  : '2018-06-01'
},
{
title  : 'event2',
start  : '2018-06-05',
},
{
title  : 'event3',
start  : '2014-09-15'
}
],
eventRender: function (event, element, view) { 
// event.start is already a moment.js object
// we can apply .format()
var dateString = event.start.format("YYYY-MM-DD");
$(view.el[0]).find('.fc-day[data-date=' + dateString + ']').css('background-color', '#FAA732');
}
});

演示链接

Answer 1

您可以在eventRender函数中添加明天的日期，并执行与为事件着色相同的操作。 您可以尝试获取如下所示的日期：

var tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate()+1);

然后进行格式化以获取data-date元素。

var year = tomorrow.getFullYear
var month = ('0' + (tomorrow.getMonth()+1)).slice(-2);
date = ('0'+tomorrow.getDate()).slice(-2);
tomorrowString = tomorrow.getFullYear()+"-"+month+"-"+date;

最后，找到你的元素并做 css 以使其绿色。

$(view.el[0]).find('.fc-day[data-date='+tomorrowString+']').css('background-color','#AED581');

这是我的链接：http://jsfiddle.net/fitrakun/Lukcajtd/

如果要使下一个日期全部为绿色，可以循环日期，格式化日期并给出css。