我正在使用完整的日历来生成日期和显示事件。一切正常,但是我想要一个附加功能,即如果它有3个以上事件,我想将单元格颜色更改为红色。如果日期具有3个以上的功能/事件,则整个单元格颜色应更改为红色。这样用户就可以知道预订已满。我还粘贴了以下屏幕截图
以下是我的代码:-
function clickmeforcalender(event) {
debugger
$('#calendar').show();
var events = [];
$.ajax({
type: "GET",
url: "/Booking/GetEvents",
success: function (data) {
$.each(data, function (i, a) {
events.push({
title: a.Function_Name,
start: a.Function_Date1,
url: a.Booking_ID,
FSlot: a.Function_Slot,
MSlot: a.Marquee_Name,
Marquee_Slot: a.Marquee_Slot,
BPerson: a.Booking_Person,
BookedBy: a.Booking_Name,
});
$("#calendar").css("background-color", "WHITE");
})
var allEvents = $(".calendar").fullCalendar("clientEvents");
var exists = 0;
$.each(allEvents, function (index, value) {
if (new Date(value.start).toDateString() === new Date(date).toDateString()) {
exists++;
if (exists == 2) {
value.css("background-color", "red");
}
}
});
GenerateCalender(events);
},
error: …Run Code Online (Sandbox Code Playgroud)