在wordpress中调整完整日历月视图、日期选项卡的大小

Question

我想在fullcallendar wordpress插件的月度视图中重新调整单元格高度。

我知道它影响了我的纵横比，但我想将其自定义为单元格宽度的一半。

请帮忙，

Answer 1

您可以通过为Calendar元素编写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;}

演示URL:http://jsfiddle.net/ramsunvtech/pBke3/