2010-07-11 31 views
1

我正在使用fullcalendar。Fullcalendar,如何調用月份方法?

,我想改變我的日曆,所以默認的月份是(用於加載初始月)6月,我相信這是我需要的: 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

誰能幫我呼籲這個月的方法?

回答

3

「我想更改我的日曆,所以默認月份是六月。」

這個問題有點不清楚。您的日曆,從日曆初始化中的參數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); 
});