【问题标题】: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),然后他们按预期正确获得背景颜色,所以现在的问题变成了如何获得背景颜色,即使他们有一天中的时间.. .


参考

我已将 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'
        },
    }
],

【问题讨论】:

    标签: javascript fullcalendar fullcalendar-5


    【解决方案1】:

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

    【讨论】:

    • 哦,我没发现!我会在大约 12-15 小时内告诉你进展如何。可以帮助解决我正在使用的 1 个特定视图。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-10-01
    • 1970-01-01
    • 1970-01-01
    • 2011-02-11
    • 1970-01-01
    • 2017-07-07
    • 1970-01-01
    相关资源
    最近更新 更多