Fullcalendar（完整日历）不默认显示当前的今天日期。月份显示二月而不是今天答案

【问题标题】：Fullcalendar (full calendar) Not defaulting to display the current today's date. Month shows february and not today'sFullcalendar（完整日历）不默认显示当前的今天日期。月份显示二月而不是今天
【发布时间】：2013-07-23 08:37:24
【问题描述】：

我正在尝试让日历调用今天功能或将日期设置为当前日期。当日历首次加载时，它显示日历月份为 2 月。您可以单击一个名为“今天”的按钮，它将日期切换为今天的日期。我想调用这个函数或将当前日期设置为今天的日期。

如果你用谷歌搜索 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'>

【问题讨论】：

soo.. 您是否尝试过将点击事件中的内容放入日历的初始加载中？

标签： jquery date calendar fullcalendar

【解决方案1】：

因为你设置的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

【讨论】：

【解决方案2】：

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

.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            
});

});

【讨论】：