Scheduler events disappear when click

Hi , I am using DHTMLX Scheduler with vue in my job, but I have a very strange problem which bother me many days. When I first get into the webpage, I got the right scheduler(actually not quite right, as you can see, the event is start at 2022-06-03 00:00 and end at 2022-07-04 00:00, but the scheduler only show time between 2022-06-03 00:00 and 2022-06-12 00:00), but after I click the “prev” or “next” button, some events(usually the events that cover many days) disappeared.
the code is like this:
scheduler.config.multi_day = true scheduler.config.readonly = true scheduler.config.header = ['date', 'prev', 'today', 'next' ] this.eventList = [{ 'id': 289328939283923, 'text': 'New event1', 'start_date': '2022-06-03 00:00', 'end_date': '2022-07-04 00:00' }] scheduler.init(this.$refs.MonthScheduler, new Date(2022, 1, 30), 'month') scheduler.parse(this.eventList)

first get into the web:


after click the red button:
(pls see the comment because I am a new user so I can only post one pic at one time

Hello,
It is hard to suggest what might be wrong as I don’t see your code. Please, send me a ready demo with all the necessary JavaScript and CSS files so that I can reproduce the issue locally.
Could you clarify what is the red button because it is not shown in the picture?
I tried to reproduce your issue in the Vue demo below, but it seems to work correctly:
https://files.dhtmlx.com/30d/7f35c0b950753bc227f0a9efd54d8cca/vue-scheduler-demo.zip

Thank u very much for answering my question.
I have solved my problem.
The reason is: the data structure of the data(this.eventlist)that I transformed from backend is a vue “observer” not a real array. so I changed my data structure through the below code, after that I solved my problem.

this.eventList = JSON.parse(JSON.stringify(this.eventList))
1 Like