search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Demo does not work

Related article: Vue Resource Calendar (Open-Source)
Asked by Phil Allen
8 months ago.

The demo with Composition API. Events are not showing in the calendar and the Navigator has no effect on the calendar when different date selected.

It is possible to add a new date but calendar will not respond to date changes.

Answer posted by Dan Letecky [DayPilot]
8 months ago.

Thanks for reporting the issue!

The current date is changed using the onTimeRangeSelected event of the date picker (Navigator):

const navigatorConfig = {
  // ...
  onTimeRangeSelected: args => {
    calendarConfig.startDate = args.day;
  }
};

The calendarConfig object needs to be made reactive so Vue can detect and apply the changes automatically:

const calendarConfig = reactive({
  startDate: "2023-08-01",
  // ...
});

The events should load fine, they just were outside of the visible range.

The tutorial is now updated and you can download the fixed project.

Please let me know if there is any problem.

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.