0

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

4

2 回答 2

2

对于议程周和议程日视图，可以通过更改 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 类中添加你想赋予那些日子的颜色

background-color: #dddddd;
于 2013-05-27T12:29:40.597 回答
1

嗨，您可以在 viewDisplay 回调中使用一些技巧来呈现自定义突出显示：

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

于 2013-05-27T12:26:13.823 回答