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

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');
     }

});

Demo link

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。