2013-05-27 6 views
0

Я использую arshaw fullcalendar api для рендеринга календаря. Теперь я знаю, что СЕГОДНЯ подсвечивается. То же самое у меня есть список дат, которые я хочу выделить в режиме недели. Также даты могут быть в разные недели. Любая помощь приветствуется. Спасибо.выделенные даты в arshaw fullcalendar

ответ

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

+0

спасибо. Это сработало. :) –

2

Для agendaWeek и agendaDay просмотра может быть возможно путем изменения 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'); 
} 

Добавить цвет вы хотите, чтобы дать те дни в к-день-кульминационной CSS класс

background-color: #dddddd; 
Смежные вопросы