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