FullCalendar标题重置为当前日期(今天的日期)

时间:2015-06-25 07:26:35

标签: jquery angularjs typescript fullcalendar

我正在使用带有打字稿的Angular fullcalendar。我正在使用resourceDay视图,我已经配置了日历,如下所示:

calendarConfig: FullCalendar.Options = {
        allDaySlot: false,
        allDayDefault: false,
        defaultDate: this.date,
        lang: 'en', 
        height: 400,
        header: {
            left: '',
            center: 'title',
            right: ''
        },
        defaultView: 'resourceDay',
        editable: true,
        resources: this.resources,
        events: this.events,
        timeFormat: 'HH(:mm)',
        axisFormat: 'HH:mm',
        scrollTime: this.date.getHours() + ':' + this.date.getMinutes() + ':' + this.date.getSeconds(),// This will automatically scroll to the current time.
        eventClick: (event: CalendarEvent, jsEvent: MouseEvent, view: FullCalendar.View) => { this.eventSelected(event, jsEvent, view); }           
    }

这里我使用fullcalendar的'gotoDate'方法更新日历的日期,并使用如下的外部日期选择器控件:

$('#calendar').fullCalendar('gotoDate', this.date);

在执行上述语句之前,我通过从后端获取事件和资源来重新链接事件和资源,以显示更新的事件和资源。

this.calendarConfig.resources = this.resources;
this.calendarConfig.events = this.events;

此重新链接会导致标题显示当前日期而不是选定日期,但日历会显示所选日期的事件。

请帮助我如何在不影响标题的情况下更新资源和事件。

0 个答案:

没有答案