Fullcalendar的色彩週末

我使用的是FullCalendar組件，週末需要彩色週五，週五&。我已經作爲推薦以下幾條： Can I set a different color for the weekend on monthly fullCalendar display Fullcalendar的色彩週末

$('table.calendar > tbody > tr > td:nth-child(-n+2)').addClass('fc-weekend');

我增加以及CSS類。

這裏是我沒有上色的週末代碼...任何建議！

$(document).ready(function() { 
    var date = new Date(); 
    var d = date.getDate(); 
    var m = date.getMonth(); 
    var y = date.getFullYear(); 
    $.getJSON('[@spring.url '/loadSomeData'/]', function (data) { 
     $.getJSON('[@spring.url '/loadOtherData/]', function (info) { 
     information = returnedPublicVacation; 

     var calendar = $('#calendar').fullCalendar({ 
      header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
      }, 
      selectable: true, 
      selectHelper: true, 
      select: 
      function(start, end, allDay) { 
       vacationStart = start; 
       showTheCorrectDialog(vacationStart); 
      }, 

      eventClick: function(calEvent, jsEvent, view) { 

      showTheCorrectDialog(calEvent.start); 

      // change the border color just for fun 
      $(this).css('border-color', 'red'); 
      }, 

      editable: true, 
      events:data.concat(information) 
     }); 
     resourceVacation = data; 
     }); 
    }); 

    $('table.calendar > tbody > tr > td:nth-child(-n+2)').addClass('fc-weekend'); 
    });

來源

2012-12-17 Echo

您是否在您的css文件的類中添加了樣式？

你也可以試試這個：

.fc-fri { color:blue; } 
.fc-sat { color:red; }

（或.fc太陽週日）您可以在這裏看到的例子：http://jsfiddle.net/rajesh13yadav/nf9whojL/1/

來源

2012-12-17 17:19:28

我已經刪除了我的css類「fc-weekend」，並添加了你的。它着色不是整個單元格的數字！ – Echo

我用過：.fc-fri {color：blue;背景顏色：藍色} – Echo

但它是如何工作的！ ...我已經刪除了JQuery行，它工作正常，單元格着色：$（'table.calendar> tbody> tr> td：nth-child（-n + 2）'）。addClass（'fc-weekend 「）; ... 你知不知道怎麼！！ – Echo

AJS.$(document).ready(function() { 
    AJS.$(".fc-weekend-column").each(function(i,el){ 
     AJS.$(this).css("background-color", "#FFF7F7"); 
    }); 
});

來源

2013-08-22 10:21:58 eXistPierre

這爲我工作：

.fc-sun { 
color:#337ab7; 
border-color: black; 
background-color: #ffa58c; }

來源

2017-09-20 09:41:57 Mosin

Fullcalendar的色彩週末

回答

相關問題