设置Fullcalendar单元格背景颜色

我看到了几个关于如何在fullcalendar中设置单元格背景颜色的主题，但它们都不适合我。我猜日历用日期列出日期，例如.fc-day5或.fc-day17，但在1.6.2版本中，它现在不再使用了。设置Fullcalendar单元格背景颜色

我有一些正在渲染的事件的列表，我想将它们的单元格颜色（整天的单元格，不仅是事件单元格）设置为特定的颜色。

我用“eventRender”尝试设置一个类

eventRender: function (event, element, monthView) { 
       if (event.className == "holiday") { 
        $day = $date.getDate(); 
        $("td.fc-day-number[value='" + $day + "']").addClass("holiday"); 
       } 
      },

让我知道，如果你有关于如何设置背景颜色的任何想法。

来源

2013-07-19 vegas2033

你如何让你的事件数据的风格？ –

嗯，你可以这样做。

{ 
    title: 'Some title', 
    start: new Date(2014, 8, 24, 10, 30), 
    allDay: false, 
    editable: false, 
    backgroundColor: '#SomeColor', 
    borderColor: '#SomeColor' 
}, 
{ 
    title: 'Some title2', 
    start: new Date(2014, 8, 24, 10, 30), 
    allDay: false, 
    editable: false, 
    backgroundColor: '#SomeColor2', 
    borderColor: '#SomeColor2' 
}

此外，你可以设置类的名字是这样的：

{ 
    title: 'Teste1', 
    start: new Date(y, m, d, 10, 30), 
    allDay: false, 
    editable: false, 
    className: ["red"] 
}, 
{ 
    title: 'Teste1', 
    start: new Date(y, m, d, 10, 30), 
    allDay: false, 
    editable: false, 
    className: ["green", "secondClass"] 
}

然后描述

类

<style> 

.red { 
    background-color:red; 
} 

.green { 
    background-color:green; 
} 
.green{ 
// do something 
} 
</style>

来源

2014-11-07 22:55:51

您可以尝试设置事件背景颜色。事情是这样的：

event.backgroundColor = 'cccccc#';

或者为单元格背景：

$('.fc-day[data-date="' + date + '"]').css('background', color);

date必须是日期字符串相当于到PHP Y-m-d日期格式。呈现日历时，样式需要更改。

来源

2013-07-22 12:12:12

感谢您的回复，但我不想设置事件背景，我想设置整个单元背景（包含事件的背景）。 – vegas2033

请看我的更新代码。 –

完美工作。非常感谢 – vegas2033

设置Fullcalendar单元格背景颜色

回答

相关问题