设置全日历单元格背景颜色
设置全日历单元格背景颜色
提问于 2013-07-20 03:35:57
我看到了几个关于如何在全日历中设置单元格背景颜色的主题，但没有一个对我有效。我猜日历过去常常使用.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");
}
},如果你有任何关于如何设置背景颜色的想法，请告诉我。
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-11-08 06:55:51
嗯，你能做到的。
{
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>Stack Overflow用户
发布于 2013-07-22 20:12:12
您可以尝试设置事件背景颜色。如下所示：
event.backgroundColor = 'cccccc#';或者对于单元格背景：
$('.fc-day[data-date="' + date + '"]').css('background', color);date必须是等同于php Y-m-d日期格式的日期字符串。在呈现日历时，样式需要更改。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17754138
复制相关文章
相似问题
腾讯云开发者
