調整fullcalendar每月視圖，wordpress中的日期選項卡

Question

我想在fullcallendar wordpress插件的月視圖中重新調整單元格高度。

我知道它影響了我的長寬比，但是我想將它定製爲單元寬度的一半。

請幫幫忙，

Answer 1

您可以通過編寫的日曆元素的CSS調整FullCalendar。看看下面的代碼。

HTML：

<div id='myCalendar'></div> 

的jQuery：

$(document).ready(function() { 
    // Code for adding Dynamic Event. Ignore this code part 
    var myEvents = []; 
    var date = new Date(); 
    var y = date.getFullYear(); 
    var length = 12; 

    for (var month = 1; month < length; month++) { 
     var month = (month <= 9) ? '0' + month : month; 
     var startdate = y + '-' + month + '-10'; 
     var enddate = y + '-' + month + '-15'; 
     myEvents.push({ 
      title: 'event', 
      start: startdate, 
      end: enddate, 
      allDay: true 
     }); 
    } 

    $('#myCalendar').fullCalendar({events: myEvents}); 

}); 

CSS：

#myCalendar{margin-top:50px;width:300px;} 

演示網址：http://jsfiddle.net/ramsunvtech/pBke3/