Refresh MbscEventcalendarView after changing startDate and endDate

Bastifix · July 20, 2022, 10:59pm

I’m getting my startDate and endDate from an API. How can I refresh the view to get those into the calendar?

I tried:

view: MbscEventcalendarView = {
    schedule: {
      type: 'week',
      allDay: false,
      startDay: 1,
      endDay: 1,
      startTime: '07:00',
      endTime: '19:00'
    }
  };

and then

this.view.schedule.startDay = this.startWeekDay
this.view.schedule.endDay = this.endWeekDay

I tried
this.instance.refresh()
from
@ViewChild("myEventcalendar", { static: false })
instance: MbscEventcalendar;
but there’s no change

Kebs · July 21, 2022, 8:09am

Hi @Bastifix,

I’m no expert but looking at the example here – https://demo.mobiscroll.com/react/timeline/custom-range-view#

You’ll probably need to update these two properties – selectedDate and size under calendar view.

I think you’ll be putting your start date as the value for selectedDate and for the size that will be the difference or distance between your start date and end date.

Hope this helps

Bastifix · July 22, 2022, 1:39pm

Thanks @Kebs! Set the
[selectedDate]="selectedDate"
with
this.selectedDate = this.myEvents[0].start
worked to navigate to the corresponding day without
this.instance.navigate(this.myEvents[0].start)
which requires @ViewChild and the presence of the MbscCalendar when loading the page - thanks a lot!

But I couldn’t find anything about the size you mentioned. At the moment I can load new events at every time, but when changing the MbscResource I’ve to reload the page to see the changes.
Do you have another hint here?

Kebs · July 28, 2022, 12:27pm

Sorry for the late reply @Bastifix; I was referring to this