Page 1 of 1

[ANGULAR] zoomToSpan changing the startDate and endDate of the scheduler pro

Posted: Tue Aug 13, 2024 5:10 pm
by swathi

Hi,

Will render one year data in the scheduler by passing dates to startDate and endDate.
I want to center the view from current date to 3 days which is achieved through zoomToSpan

let startDate = new Date();
let endDate = new Date();
endDate.setDate(startDate.getDate() + 3);
this.schedulerPro.zoomToSpan({
      startDate: startDate,
      endDate: endDate
});

But after doing this, startDate and endDate is getting changed. I am not able to see one year data.


Re: [ANGULAR] zoomToSpan changing the startDate and endDate of the scheduler pro

Posted: Tue Aug 13, 2024 5:41 pm
by tasnim

Hi,

I see that it shows the startDate in the view. Would you mind sharing a video of reproduction with us?


Re: [ANGULAR] zoomToSpan changing the startDate and endDate of the scheduler pro

Posted: Wed Aug 14, 2024 9:17 am
by swathi

Hi,

Please find the attached demo code.
On click of the zoomchange button at the top, you will notice the difference with startDate and endDate


Re: [ANGULAR] zoomToSpan changing the startDate and endDate of the scheduler pro

Posted: Wed Aug 14, 2024 10:21 am
by ghulam.ghous

Hi Swathi,

I think what you need is zoomKeepsOriginalTimespan, please set this config on the scheduler component to true: https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/mixin/TimelineZoomable#config-zoomKeepsOriginalTimespan


Re: [ANGULAR] zoomToSpan changing the startDate and endDate of the scheduler pro

Posted: Wed Aug 14, 2024 1:19 pm
by swathi

Hi Ghulam,

The above solution works. Thank you