创建日历后更改defaultDate(fullcalendar)

时间:2015-05-04 15:09:05

标签: javascript jquery calendar fullcalendar sapui5

我正在将名为fullcalendar(fullcalendar page)的JavaScript日历集成到我的SAPUI5网页中。日历在特定选项卡中运行。 我现在想要在创建日历后更改默认日期,以显示特定月份。

setCalendar : function () {
    var that = this;
    if(!this.todayDate) {
        this.todayDate = new Date();
    }

    $("#EventBrowserDetail--calendarDiv").fullCalendar({
        header: {
            left: 'today',
            center: 'prev title next',
            right: 'month,basicWeek,basicDay'
        },
        defaultDate: that.todayDate,
        editable: false,
        eventLimit: true, // allow "more" link when too many events
        lazyFetching: false,
        eventClick: function(event, jsEvent, view){
            that.campaignSelectHandler(event.id, true, that);
        },
        eventMouseover: function(event, jsEvent, view)
        events: that.eventArray
    });
    [...]
},

我使用this.todayDate来更改调用函数setCalendar()之前的开始日期。它第一次正常工作,但如果日历已经创建,则它将保留最后一个显示的月份。 例如:显示8月份,我切换到另一个选项卡并将月份更改为2月。之后我重新渲染事件并再次调用setCalendar(),但它仍然保留在8月份。

有任何想法和/或帮助吗?

提前致谢! :)

1 个答案:

答案 0 :(得分:4)

由于日历实例已经存在,您可以使用以下命令告诉插件转到特定日期:

$('#EventBrowserDetail--calendarDiv').fullCalendar('gotoDate', that.todayDate);

参考:http://fullcalendar.io/docs/current_date/gotoDate/