2013-07-24 77 views
0

我想獲取日曆來調用today函數或將日期設置爲當前日期。日曆第一次加載時顯示日曆月份爲二月。有一個按鈕,您可以點擊'今天',將日期切換到今天的日期。我想調用此函數或將當前日期設置爲今天的日期。Fullcalendar(完整日曆)不預先顯示當前的日期。月顯示二月,而不是今天

jQuery插件的文檔可以找到,如果你谷歌亞當Shaw fullcalendar jquery插件。 http://arshaw.com/fullcalendar/。正如你可以看到他的例子被設置爲當前的日期。

我的代碼如下:

//Loads Fullcalender in Head use <div id='calendar'></div> to display 
function render_calendar(){ 
//Calendar [1] 
?> 
<script type='text/javascript'> 
<?php $calendar = "#"; ?> 
<?php $calendar .= get_option('fc_option_calendar'); ?> 
jQuery(document).ready(function($) { 
    // $() will work as an alias for jQuery() inside of this function 


$(document).ready(function() { 
    $('<?php echo $calendar ?>').fullCalendar({ 
     header: { 
      left: 'prev, next today, agenda', 
      center: 'title', 
      right: 'month, agendaWeek, agendaDay', 
      ignoreTimezone: false   
     }, 
     // Multiple Sources 
     eventSources: [ 
     '<?php echo get_option('fc_option_feed1'); ?>', 
     '<?php echo get_option('fc_option_feed2'); ?>', 
     '<?php echo get_option('fc_option_feed3'); ?>' 
     ],   
     events: { 
      //http://www.google.com/calendar/feeds/centre.edu_5f119bnujdfol3gs59h0driv9c%40group.calendar.google.com/public/basic 
      //url: '<?php echo get_option('fc_option_feed1'); ?>', 
      className: 'gcal-event',   // an option! 
      currentTimezone: 'America/Chicago', // an option!   
     }, 
      month: true, 
      week: true, 
      day: true, 
      agenda: true, 
      basic: true, 
      //showAgendaButton: true    
    }); 
}); 
}); 
</script> 
<script type='text/javascript'> 
+0

soo ..你有沒有嘗試把點擊事件內的內容放到日曆的初始加載? –

回答

0

這是因爲month選擇要設置的,它是用來設置

最初的一個月,當日歷負載。

嘗試

$(document).ready(function() { 
    $('<?php echo $calendar ?>').fullCalendar({ 
     header: { 
      left: 'prev, next today, agenda', 
      center: 'title', 
      right: 'month, agendaWeek, agendaDay', 
      ignoreTimezone: false   
     }, 
     // Multiple Sources 
     eventSources: [ 
      '<?php echo get_option('fc_option_feed1'); ?>', 
      '<?php echo get_option('fc_option_feed2'); ?>', 
      '<?php echo get_option('fc_option_feed3'); ?>' 
     ],   
     events: { 
      //http://www.google.com/calendar/feeds/centre.edu_5f119bnujdfol3gs59h0driv9c%40group.calendar.google.com/public/basic 
      //url: '<?php echo get_option('fc_option_feed1'); ?>', 
      className: 'gcal-event',   // an option! 
      currentTimezone: 'America/Chicago', // an option!   
     }, 
     week: true, 
     day: true, 
     agenda: true, 
     basic: true, 
     //showAgendaButton: true    
    }); 
}); 

演示:Fiddle
採用以月爲:Demo

0

在加載日曆後,頁面加載只調用給定函數....

.fullCalendar('今天');

這會將您的日曆切換到當前日期。

這裏看看http://arshaw.com/fullcalendar/docs/current_date/today/

或者你也可以加載初始月份和日期,同時調用在頁面加載日曆。只需在加載日曆時刪除月份:true。

$(document).ready(function() { 
$('#cal').fullCalendar({ 
    header: { 
     left: 'prev, next today, agenda', 
     center: 'title', 
     right: 'month, agendaWeek, agendaDay', 
     ignoreTimezone: false   
    }, 
    // Multiple Sources 
    eventSources: [ 
     'test' 
    ],   
    events: { 
     //http://www.google.com/calendar/feeds/centre.edu_5f119bnujdfol3gs59h0driv9c%40group.calendar.google.com/public/basic 
     //url: '<?php echo get_option('fc_option_feed1'); ?>', 
     className: 'gcal-event',   // an option! 
     currentTimezone: 'America/Chicago', // an option!   
    }, 
    week: true, 
    day: true, 
    agenda: true, 
    basic: true, 
    //showAgendaButton: true    
}); 

});

相關問題