fullcalendar - ワードプレスのフルカレンダーの月間ビュー、日タブのサイズを変更する

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/