今天的日期是一种颜色 .. 今天的日期是 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');
}
});
最佳答案
您可以在 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。
关于javascript - 全日历今天一种颜色,明天一种颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50997678/