完整日历(完整日历) 不默认显示当前今天的日期。月份显示二月而不是今天的

Question

我正在尝试让日历调用today函数或将日期设置为当前日期。当日历第一次加载时，它显示日历月份为二月。你可以点击一个名为"今天"的按钮，它会将日期切换到今天的日期。我想调用此函数或将当前日期设置为今天的日期。

如果您在谷歌上搜索Adam Shaw fullcalendar jquery插件，可以找到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'>

Answer 1

这是因为您正在设置的月份选项，它用于设置

加载日历的最初月份。

尝试

$(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
随月：演示

Answer 2

加载日历后的页面加载只需调用给定的函数。。。。

.fullCalendar（'today'）；

这将把你的日历切换到当前日期。

看看这里http://arshaw.com/fullcalendar/docs/current_date/today/

或者，您也可以在页面加载时调用日历来加载初始月份和日期。加载日历时只需删除month: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            
});

})；