调整wordpress中的fullcalendar每月视图,日期选项卡

时间:2013-07-03 14:11:37

标签: fullcalendar

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

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

请帮忙,

1 个答案:

答案 0 :(得分: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;}

演示网址:http://jsfiddle.net/ramsunvtech/pBke3/