全日历背景颜色属性

Question

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

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

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

Answer 1

如果同时添加两个样式表，则背景颜色将不起作用。

<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背景颜色决定正确渲染。

Answer 2

添加媒体属性

    <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"  />

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

Answer 3

事件的背景颜色在 full calendar.css 文件中定义，该部分下

/* Global Event Styles 

(261行，2.0测试版(

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

$('.fc-event').css('background-color','#3a87ad');   

Answer 4

尝试让它坚持下去(最后将 false 参数更改为 true(，可能是一个新事件重叠并使其更改属性。"通常，一旦日历重新获取其事件源(例如：单击上一个/下一个时(，事件就会消失。但是，将 stick 指定为 true 将导致事件永久固定在日历上 http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/。

Answer 5

以下是我的做法： 我在图表事件中放置了背景颜色：

chart: { 
    type: 'column',
    backgroundColor: 'transparent'
},

Answer 6

试试这可能对你有用。

 background: '#eeeef0  

不要写背景颜色。