我想在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");
}
}
这将获取高亮显示元素的索引,并使用该索引在显示日期名称的日历标题中添加一个今天类。