Fullcalendar将类添加到weekView



我想在fullCalendar中的weekView表头中添加一个类,比如".today date"因为我想用背景色突出显示Today Date Header,就像突出显示td行一样

该周的单元格内容View已经有一个类".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

dayRender将工作http://jsfiddle.net/6zq50vzc/3/

$('#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
        }
    }
});
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");
  }
}

这将获取高亮显示元素的索引,并使用该索引在显示日期名称的日历标题中添加一个今天类。

相关内容

  • 没有找到相关文章

最新更新