Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 全日历今天一种颜色,明天一种颜色_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 全日历今天一种颜色,明天一种颜色

Javascript 全日历今天一种颜色,明天一种颜色,javascript,jquery,html,css,Javascript,Jquery,Html,Css,今天约会一种颜色。。今天的日期是2018年6月23日,所以明天的日历日期颜色是我想要的绿色。请参阅此演示链接23-06-2018的背景色为黄色,所以明天到日历日期结束时的背景色为绿色 $('#calendar').fullCalendar({ events: [ { title : 'event1', start : '2018-06-01' }, {

今天约会一种颜色。。今天的日期是2018年6月23日,所以明天的日历日期颜色是我想要的绿色。请参阅此演示链接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');
     }

});

您可以在
eventRender
函数中添加明天的日期,并执行与事件着色相同的操作。 您可以尝试按如下方式获取日期:

var tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate()+1);
然后进行格式化以获取
数据日期
元素

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');
这是我的链接:

如果你想让它在下一个日期都变成绿色,你可以循环日期,格式化日期,并给出css