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/