Question

我想在fullCalendar中的weekView表头中添加类似“.today-date”的类。 因为我想用背景颜色突出显示今日日期标题，就像突出显示td行一样。

单元格的内容视图已经有一个类“.fc-today .fc-state-highlight”。

我尝试使用fullcalendar中的dayRender函数，但我的Javascript理解有点低......我希望有人可以帮助菜鸟;）

我的Html

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 

<script src="http://momentjs.com/downloads/moment.js"></script> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.js"></script> 

<div id="calendar"></div>

我的Javascript

$(document).ready(function() {
    $("#calendar").fullCalendar({
       defaultView: "basicWeek",
    });
});

我的笔： codepen.io

Answer 1

dayRender将工作Eval as in this example

$('#calendar').fullCalendar({
    defaultView: 'basicWeek',
    dayRender: function(date, cell) {
        if (cell.hasClass('fc-today')) { // looking for today's cell
            var index = cell.index(); // get the td offset
            // find the corresponding item in header table
            var header = $('#calendar thead.fc-head th').eq(index);
            header.addClass('fc-today'); // update it with a class
        }
    }
});

Answer 2

viewRender: function(view, element) {
  if($('.fc-today').hasClass("fc-state-highlight")) {
    $('.fc-head .fc-head-container th').eq($('.fc-today.fc-state-highlight').index()).addClass("today");
  }
}

这将获取突出显示元素的索引并使用该索引在日历标题中添加今日类，其中显示日期名称。

Fullcalendar将类添加到weekView

2 个答案: