0

カレンダーで今日の関数を呼び出すか、日付を現在の日付に設定しようとしています。カレンダーが最初に読み込まれると、カレンダーの月が 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'>
4

2 に答える 2

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

デモ: Fiddle
With 月:デモ

于 2013-07-24T03:12:13.910 に答える
0

カレンダーを読み込んだ後のページ読み込み時に、指定された関数を呼び出すだけです....

.fullCalendar( '今日' );

これにより、カレンダーが現在の日付に切り替わります。

こちらをご覧ください 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            
});

});

于 2013-07-24T03:13:48.377 に答える