FullCalendar切换视图

时间:2011-05-25 20:32:07

标签: jquery fullcalendar

我在网页上运行了JQuery FullCalendar插件。首次加载页面时,我的显示默认为月视图。此外,在设置selectable:true后,用户可以在月视图中选择日期。此时,如果用户从顶部菜单中选择日视图,我想向用户显示所选日期的日视图(agendaDay)。但是,目前当天的日视图显示出来。这是代码:

<script language="javascript" type="text/javascript">
$(document).ready(function () {
    $('#calendar').fullCalendar({
        selectable: true,
        unselectAuto: true,
        firstDay: 1,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        events: {
            url: 'CalendarJSON.aspx',
            type: 'POST'
        }
    })
});

1 个答案:

答案 0 :(得分:0)

Fullcalendar在初始化时将日期设置存储为变量年,月,日。

// example initialization (calendar is the fullcalendar object)
calendar.fullCalendar({
        selectable: true,
        selectHelper: true,
        unselectAuto: false,            
        firstDay:1,
        defaultView:defaultv,
        slotMinutes:30,
        year:selected_year,
        month:selected_month,
        date:selected_day,
...

您可以在选择处理程序中更改此值。

然后我有一个函数返回这个值(整个日期)

//calendar is the fullcalendar object
function check_fc_date(calendar){
    date = new Date(calendar.fullCalendar('getDate'));
    year = date.getFullYear();
    month = date.getMonth();
    day = date.getDate();

    alert(year+" "+month+" "+day);
}