4

我正在尝试为事件添加背景颜色，但没有运气。

$('#calendar').fullCalendar('renderEvent', { id: 1, title: 'hello', start: selected_date, allDay: true, color: '#FF0000', backgroundColor: '#000000' }, false);

知道为什么这不起作用吗？边框颜色似乎有效，但背景颜色无效

4

6 回答 6

11

如果同时添加两个样式表，则 backgroundColor 将不起作用。

<link rel="Stylesheet" type="text/css" href="/Content/fullcalendar/fullcalendar.css" />
<link rel="Stylesheet" type="text/css" href="/Content/fullcalendar/fullcalendar.print.css")" />

删除 fullcalendar.print.css 后，背景颜色决定正确渲染。

于 2013-10-15T13:25:16.667 回答
1

添加媒体属性

    <link href="../css/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css" />
    <link media='print' href="../css/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css"  />

我在我的包配置中设置了它，但没有添加媒体属性，所以这是一个问题。

于 2014-12-01T15:26:31.843 回答
0

事件的背景颜色在 fullcalendar.css 文件中定义

/* Global Event Styles

（第 261 行，在 2.0 测试版中）

您可以像这样以编程方式访问它：

$('.fc-event').css('background-color','#3a87ad');
于 2014-05-21T19:28:40.117 回答
0

尝试让它粘住（最后将 false 参数更改为 true），可能有一个新事件正在重叠并使其更改属性。“通常，一旦日历重新获取其事件源（例如：单击 prev/next 时），事件就会消失。但是，将 stick 指定为 true 将导致事件永久固定到日历中。”，来自 Documentation，http： //arshaw.com/fullcalendar/docs/event_rendering/renderEvent/

于 2014-09-04T12:45:51.703 回答
0

我是这样做的：我在图表事件中放置了 backgroundColor：

chart: { 
    type: 'column',
    backgroundColor: 'transparent'
},
于 2017-01-05T20:03:29.950 回答
-3

试试这个可能对你有用。

 background: '#eeeef0

不要写背景颜色。

于 2013-10-11T12:04:38.763 回答