Fullcalendar事件颜色未正确显示

时间:2017-01-21 09:04:55

标签: javascript fullcalendar

我将资源颜色传递给fullcalendar。根据文档,如果我渲染一个事件,它应该显示我之前传递给资源的颜色。扼杀这不是我的情况。

这是我作为资源传递给fullcalendar的内容

"id" => "erna46"
"title" => "erna46"
"eventColor" => "rgb(45,0,255)"
"eventTextColor" => "rgb(255,255,255)"

现在,在我的fullcalendar中,事件以颜色rgb(98,64,255)

呈现

我不确定这是否正常,如果有,是否有办法改变颜色变化?

更新

这是一个显示问题的JSFidle:

http://jsbin.com/pofemef/edit?js,output

如你所见,我设定了颜色,例如rgb(255,147,0),但在日历中显示为rgb(255,174,64)。

2 个答案:

答案 0 :(得分:2)

经过一番工作,我发现了它。默认情况下,约会将在约会上方添加背景背景:#fff和不透明度:.25。这将改变约会的颜色,使其看起来比设定的约会颜色更亮。

http://imgur.com/a/8ecU6

答案 1 :(得分:0)

根据documentation,eventColor属性为日历上的所有事件设置背景和边框颜色,而不是单独设置每个事件。所以,如果你宣布一个这样的事件:

events: [{
        title: 'event',
        start: '2017-01-05 11:00',
        end: '2017-01-06 13:00',
        eventColor: 'rgb(45,0,255)'
        }]

它不会起作用。您可以为每个事件使用eventColor:

events: [{
        title: 'event',
        start: '2017-01-05 11:00',
        end: '2017-01-06 13:00'
        }],
eventColor: '#378006'

如果您想更改单个活动的颜色,请查看Event Object color options

events: [{
        title: 'event',
        start: '2017-01-05 11:00',
        end: '2017-01-06 13:00',
        backgroundColor: 'rgb(255,87,90)'
        }]

希望有所帮助! 最好的问候 的Krzysztof