小编Khi*_*yar的帖子

如果使用完整日历,如果同一日期有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: …
Run Code Online (Sandbox Code Playgroud)

html css jquery fullcalendar fullcalendar-3

5
推荐指数
1
解决办法
105
查看次数

标签 统计

css ×1

fullcalendar ×1

fullcalendar-3 ×1

html ×1

jquery ×1