全日历切换视图答案

【问题标题】：FullCalendar Switch View全日历切换视图
【发布时间】：2011-05-25 20:32:07
【问题描述】：

我在网页上安装了 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'
        }
    })
});

【问题讨论】：

与 react-fullcalendar 组件有相同的要求

标签： jquery fullcalendar

【解决方案1】：

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

【讨论】：