我正在使用 fullCalender 我想更改某些特定日期的颜色我还创建了叠加层,每当用户单击任何特定日期时都会显示该叠加层......效果很好 现在我想使用 dayrender 更改单元格的颜色,但它不起作用,请帮助我......
$(document).ready(function() {
$('#cal').fullCalendar({
dayClick: function(date, jsEvent, view) {
var date=date.format('DD/MM/YY');
var overlay = jQuery('<div id="overlay"> </div>');
var label_div=jQuery('<div id=label_date><img src="../icons/cal.png"></div');
var label=jQuery('<label id=current_date>'+date+'</label>');
label.appendTo(label_div);
label_div.appendTo(overlay);
var cross=jQuery('<a href="#" id="close" onclick="frameWarp();"><img src="../icons/cross.png"></a>');
cross.appendTo(overlay);
var overlay_body=jQuery('<div id=overlay_body></div>');
overlay_body.appendTo(overlay);
overlay.appendTo(document.body);
}//overly complete
// now change color code which isnt working
dayRender: function (date, cell) {
var today = new Date();
if (date.getDate() === today.getDate()) {
cell.css("background-color", "red");
}
}
})
});
最佳答案
date 是一个 moment 对象,因此您需要与另一个 moment 对象进行比较。
试试这个:
dayRender: function (date, cell) {
if (moment().isSame(date, 'day')) {
cell.css("background-color", "red");
}
}
关于javascript - 我正在使用 fullCalender 并且 dayrender 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38765636/