Question

我正在尝试让日历调用今日函数或将日期设置为当前日期。当日历首次加载时，它显示日历月份为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'>

Answer 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

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

}）;

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

2 个答案: