如果使用完整日历，如果同一日期有3个以上事件，则如何更改enitre单元格的颜色

我正在使用完整的日历来生成日期和显示事件。一切正常，但是我想要一个附加功能，即如果它有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: function (error) {
            alert('failed');
        }
    });
};
function GenerateCalender(events) {
    debugger
    $('#calendar').fullCalendar({
        height: 550,

        header: {
            left: 'prev,next today',
            center: 'addEventButton',
            right: 'month,agendaWeek,agendaDay,listWeek',

        },

        defaultDate: new Date(),
        navLinks: true,
        editable: true,
        eventLimit: true,
        events: events,



        eventClick: function (calEvent, jsEvent, view) {
            selectedEvent = calEvent;
            //alert('Event: ' + calEvent.title);
            jsEvent.preventDefault();
            $('#myModal #eventTitle').text(calEvent.BookedBy + "-" + calEvent.title).css("font-weight", "Bold");
            var $description = $('
');
            $description.append($('
').html('FucntionDate:' + calEvent.start.format("DD-MMM-YYYY HH:mm")));
            //if (calEvent.end != null) {
            //    $description.append($('
').html('End:' + calEvent.end.format("DD-MMM-YYYY HH:mm a")));
            //}
            $description.append($('
').html('EventName:' + calEvent.title));
            if (calEvent.MSlot == 1) {
                $description.append($('
').html('MaqueeSlot:' + "Full"));
            }
            else if (calEvent.MSlot == 2) {
                $description.append($('
').html('MaqueeSlot:' + "Half"));

            }
            else {
                $description.append($('
').html('MaqueeSlot:' + calEvent.MSlot));
            }
            if (calEvent.FSlot == 1) {
                $description.append($('
').html('FunctionSlot:' + "Morning"));
            }
            else if (calEvent.FSlot == 2) {
                $description.append($('
').html('FunctionSlot:' + "Evening"));
            }
            else {
                $description.append($('
').html('FunctionSlot:' + calEvent.FSlot));
            }
            $description.append($('
').html('Booking Persons:' + calEvent.BPerson));

            $('#myModal #pDetails').empty().html($description);

            var temp = $('#myModal').modal();



        },


    });
}

我前面的屏幕截图如下：-