为啥在 fullcalendar 事件上设置 backgroundColor 只是更改点颜色而不是设置背景颜色？

Posted 2023-02-19

【中文标题】为啥在 fullcalendar 事件上设置 backgroundColor 只是更改点颜色而不是设置背景颜色？

【英文标题】：Why does setting backgroundColor on a fullcalendar event just change the dot color instead of setting the background color?为什么在 fullcalendar 事件上设置 backgroundColor 只是更改点颜色而不是设置背景颜色？

【发布时间】：2022-01-12 10:33:19

【问题描述】：

更新

项目以点而不是背景颜色显示，因为它们是根据一天中的时间构建的。删除时间，使start 只是日期（即2021-12-07），然后他们按预期正确获得背景颜色，所以现在的问题变成了如何获得背景颜色，即使他们有一天中的时间.. .

---

参考

change the background color of the events in FullCalendar，和 https://fullcalendar.io/docs/eventBackgroundColor

我已将 backgroundColor 值添加到我的事件中，但这似乎只会改变事件上的点：

您会注意到使用extendedProps 设置背景颜色也不起作用。

我试图让事件出现在给定颜色的块中，类似于：

这是我的事件数组；如何让 fullcalendar 更改活动的背景颜色？

events: [
    
        title: 'event1',
        start: '2021-12-07T08:00:00',
        backgroundColor: '#ff00ff'
    ,
    
        title: 'event3',
        start: '2021-12-07T09:00:00',
        backgroundColor: '#4d96f1'
    ,
    
        title: 'event2',
        start: '2021-12-08T08:00:00',
        backgroundColor: '#00ff00',
        extendedProps: 
            backgroundColor: '#00ff00'
        ,
    
],

【参考方案1】：

您还可以保留定时事件的外观，但只需在 Fullcalendar 的参数中添加 eventDisplay:'block', 即可以与全天相同的方式显示它们。

【讨论】：

哦，我没发现！我会在大约 12-15 小时内告诉你进展如何。可以帮助解决我正在使用的 1 个特定视图。