在arshaw完整日历中突出显示日期

Question

我使用arshaw fullcalendar api来渲染日历。现在我知道今天是高亮的。同样，我有一个日期列表，我想在周视图中突出显示。约会也可以在不同的星期。任何帮助都是感激的。谢谢你。

Answer 1

对于议程周和议程日视图，可以通过更改fullcalendar.js文件来实现。

向fullcalendar传递一个附加参数，例如highlightDays

highlightDays: [0,3,4]   // List of days to highlight  0 - Sunday ... 6 - Saturday

在fullcalendar.js中的updateCells()方法

if(opt('highlightDays').indexOf(date.getDay()) > -1)
{
    bodyCell.removeClass('ui-widget-content');
    bodyCell.addClass('fc-day-highlight');
}

在fc-day-highlight css class中添加你想要的颜色

background-color: #dddddd; 

Answer 2

嗨，你可以在viewDisplay回调中使用一个小hack来呈现自定义高亮:

viewDisplay : function( view ) { 
            startDate = view.start;
                var d = startDate.getDate();
                var m = startDate.getMonth();
                var y = startDate.getFullYear();
            cols = $('.fc-view-agendaWeek [class*="fc-col"].fc-widget-content')    
            for(i = 0 ; i<  cols.length ; i++){
                var colDate = new Date(y, m, d+i);

                if($.inArray(colDate.getTime() , hightligthedDays) > -1){
                    $(cols[i]).addClass("fc-state-highlight-other");
                   }
                else{
                    $(cols[i]).removeClass("fc-state-highlight-other");
                }
            }
            }

jsfiddle