在日历加载之前为fullcalendarjs单元格着色

时间:2014-12-20 19:04:03

标签: asp.net asp.net-mvc fullcalendar

我从数据库中获得了一些用户感兴趣的日期

(它们是用户将来休假或过去几天休假的日期。)

我在数据库中有日期,我需要为每个单元格检索它们,并将calendarjs单元格用红色着色。

我目前正在使用ASP.NET MVC,但我可以处理任何语言中有关如何预渲染fullcalendarjs单元格的任何示例。

我对如何处理前端更感兴趣。我不需要“事件”我需要将整天的单元格变为红色,顶部部分也称为单元格的底部和td。

1 个答案:

答案 0 :(得分:0)

非常简单,使用萤火虫,你会看到有一个用于标记日历方块区域的fc-bg类,每个单元格都标有data-date =“YYYY-MM-DD”。

因此,您可以使用jQuery查找每个单元格并更改其样式。

$('*[data-date="'+ dateVar + '"]').addClass('some-class');

您甚至可以查看其他类的设置,以查看它是否在过去,一周中的哪一天等等。 得到萤火虫:)