0

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

如果您使用 Google 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'>
4

2 回答 2

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

});

于 2013-07-24T03:13:48.377 回答
0

这是因为您设置的月份选项,它用于设置

加载日历的初始月份。

尝试

$(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            
    });
});

演示:拨弄
月份:演示

于 2013-07-24T03:12:13.910 回答