随着时间的进展事件

Question

我在 html 中使用全日历，但在每个事件上，我想根据现在的时间显示这些事件的进度（如更改颜色）。这可能吗？如何？谢谢！

Answer 1

您可以在 fullcalendar 的初始化中更改定义 eventAfterRender 的事件的颜色：

eventAfterRender: function (event, element, view) {
                console.log("calling eventAfterRender");

                if (event.someAttr == "someValue) {
                    element.css('background-color', 'black'); 
                    element.css('border-color', 'black');
                }

不确定是否可以根据 "progress" 更改颜色，但是您可以在 eventAfterRender 中创建一些条件语句并根据事件的某些属性为它们着色。