10

我看到了几个关于如何在全日历中设置单元格背景颜色的主题,但没有一个对我有用。我猜日历用于列出使用日期的日期,例如 .fc-day5 或 .fc-day17,但在 1.6.2 版中不再存在。

我有一个正在呈现的几个事件的列表,我想将它们的单元格颜色(全天单元格,不仅是事件单元格)设置为特定颜色。

我使用'eventRender'来尝试设置一个类

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

如果您对如何设置背景颜色有任何想法,请告诉我。

4

2 回答 2

15

您可以尝试设置事件背景颜色。像这样的东西:

event.backgroundColor = 'cccccc#';

或者对于单元格背景:

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

date必须是等价于 phpY-m-d日期格式的日期字符串。渲染日历时需要更改样式。

于 2013-07-22T12:12:12.117 回答
11

好吧,你可以做到这一点。

{
  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-07T22:55:51.167 回答