javascript - Fullcalendar，如何调用月份方法？

Question

我正在使用全日历。

我想更改我的日历，所以默认月份是六月(加载的初始月份)，我相信这是我需要的: http://arshaw.com/fullcalendar/docs/current_date/month/

问题是，我不太擅长.js...而且解释不是很清楚。

这是我尝试过的:

<script type='text/javascript'> 

    $(document).ready(function() {

        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();

        $('#calendar').fullCalendar('gotoMonth', 7);
        $('#calendar').fullCalendar({
            editable: true,
            events: [
                    {
                    imageAfterTime: $("<img src = 'images/flags/za.png' style='width:19px;height:13px'/>"),
                    imageAfterTitle: $("<img src = 'images/flags/mx.png' style='width:19px;height:13px'/>"),
                    title:' RSA-MEX ',
                    start:   '2010-06-11T14:30:00',
                    allDay: false,
                    },
>>>rest of events...

您可以在以下位置查看我的日历: http://cudamine.com/icame/sitemundial/calendar.html

谁能帮我调用这个月方法？

Answer 1

"I want to change my calendar, so the default month is June."

问题有点不清楚。根据日历初始化中的 month: 5, 参数，您的日历是从 6 月开始。

但上面的代码片段似乎试图转到 8 月(第 7 个月)。那么真正想要的是什么？

gotoMonth 似乎也已过时；它不在官方文档中(不在了吗？)。

您将使用 gotoDate 功能，你会把它放在日历初始化之后。像这样:

$(document).ready(function ()
{
    var CurrentDate = new Date();
    var CurrentYear = CurrentDate.getFullYear();

    var MyCalendar  = $('#calendar');
    MyCalendar.fullCalendar(
    {
        defaultView: 'month',
        month: 5,
        editable: true,
        events: [
                {
                    imageAfterTime: $("<img src = 'images/flags/za.png' style='width:19px;height:13px'/>"),
                    imageAfterTitle: $("<img src = 'images/flags/mx.png' style='width:19px;height:13px'/>"),
                    title: ' RSA-MEX ',
                    start: '2010-06-11T14:30:00',
                    allDay: false,
                }
                //... More events ... ...
                ],
        timeFormat: 'H(:mm)',
        eventRender: function (event, eventElement)
        {
            if (event.imageAfterTime)
                eventElement.find('span.fc-event-time').after($(event.imageAfterTime));

            if (event.imageAfterTitle)
                eventElement.find('span.fc-event-title').after($(event.imageAfterTitle));
        }
    });

    //-- Advance to the calendar to August (month 7).
    MyCalendar.fullCalendar( 'gotoDate', CurrentYear, 7);
});