【问题标题】:Fullcalendar Event Color not displayed correctlyFullcalendar 事件颜色未正确显示
【发布时间】:2017-01-21 09:04:55
【问题描述】:

我将资源颜色传递给全日历。根据文档,如果我渲染一个事件,它应该以我之前传递给资源的颜色显示。奇怪的是,我不是这种情况。

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

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

现在在我的完整日历中,事件以颜色 rgb(98,64,255) 呈现

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

更新:

这是一个显示问题的 JSFidle:

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

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

【问题讨论】:

  • 它应该与 eventColor 或 eventBackgroundColor 一起使用。再次检查 eventColor 的输入是否设置正确
  • 我检查了 eventColor,它是 rgb(45,0,255) 但仍然显示为 rgb(98,64,255)
  • 我也只是尝试在 json 演示中重新审视这一点,结果相同
  • 你能做一个 JSFiddle 来演示这个问题吗?
  • 我添加了一个 jsfidle 链接来演示这个问题。

标签: javascript fullcalendar


【解决方案1】:

经过一番努力,我想通了。默认情况下,约会将在约会上方添加背景,背景为:#fff 和不透明度:.25。这将更改约会的颜色,使其看起来比设置的约会颜色更亮。

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

【讨论】:

    【解决方案2】:

    根据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)'
            }]
    

    【讨论】:

    • 我不尝试直接设置事件颜色。我用我的资源传递事件颜色。然后我将 resourceId 与我的事件一起传递。这在理论上是可行的,并且在 fullcalendar 的演示中也有展示。奇怪的是,即使我传递了正确的颜色,它也不能正确显示。
    猜你喜欢
    • 1970-01-01
    • 2015-11-23
    • 2017-05-07
    • 1970-01-01
    • 2011-08-06
    • 2012-09-30
    • 2012-12-07
    • 2012-12-27
    • 1970-01-01
    相关资源
    最近更新 更多