Question

我看到了几个关于如何在fullcalendar中设置单元格背景颜色的主题，但没有一个对我有用。我想日历用于列出使用日期的日期.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");
                }
            },

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

Answer 1

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

event.backgroundColor = 'cccccc#';

或者是细胞背景：

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

date必须是等效于php Y-m-d日期格式的日期字符串。呈现日历时样式需要更改。

Answer 2

嗯，你可以这样做。

{
  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>

设置Fullcalendar单元格背景颜色

2 个答案: