我正在使用带有打字稿的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;
此重新链接会导致标题显示当前日期而不是选定日期,但日历会显示所选日期的事件。
请帮助我如何在不影响标题的情况下更新资源和事件。