时间戳

首页 > 解决方案 > 在全日历议程日获取不同的背景颜色

javascript - 在全日历议程日获取不同的背景颜色

问题描述

我需要问，我想agendaDay根据时间更改背景颜色。所以背景颜色agendaDay每 15 分钟改变一次。因此，如果用户在晚上 9 点看到完整日历，则晚上 9 点agendaDay之前的背景颜色与晚上 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');
                }
            }
    }

标签： javascripthtmlcssfullcalendarfullcalendar-3

解决方案

推荐阅读