在全日历日程上获得不同的背景颜色

问题描述

我需要问,我想根据时间更改agendaDay中的背景颜色。因此agendaDay中的背景颜色每15分钟更改一次。因此,如果用户在晚上9点看到日历,则agendaDay上晚上9点之前的背景颜色与晚上9点之后的背景颜色不同。

我尝试手动将时间插入数组并循环,但是结果是我更改了agendaDay中的所有背景色。你知道如何解决这个问题吗?

这是代码

  eventRender: function(events,element) {
            var time = moment().format('HH:mm:ss');
            var minTime = "05:00:00";
            var maxTime = "24:30:00";
            var arr = ['05:00:00','05:15:00','05:30:00','05:45:00','06:00:00','06:15:00','06:30:00','06:45:00','07:00:00','07:15:00','07:30:00','07:45:00','08:00:00','08:15:00','08:30:00','08:45:00','09:00:00','09:15:00','09:30:00','09:45:00','10:00:00',];
            var i;
            for (i = 0; i < arr.length; i++) {
                if(time<= arr[i])
                {
                    $(".fc-time-grid .fc-slats td").css('background-color','green');
                }
                else
                {
                    $(".fc-time-grid .fc-slats td").css('background-color','red');
                }
            }
    }

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)