Default Time of Calendar: View when user comes to the page should move the calendar view such that “Now” is in middle

[Sudhanshu Jain]

So when user comes to the scheduler page always current time should be display. As of now when we come to scheduler page, it always show the view from startTime.Let's take if out start time is 8AM and current time is 5pm then when we come to scheduler page 5pm should be display in the middle.How can we do it >??

[Karthigeyan Krishnamurthi]

Hi Sudhanshu, 

 

Syncfusion greetings. 

 

Kindly refer the below UG link to achieve your requirement. 

https://ej2.syncfusion.com/react/documentation/schedule/working-days/?no-cache=1#how-to-scroll-to-current-time-on-initial-load 

 

Regards, 

Karthi 

 

[Sudhanshu Jain]

Above solution is not working .i have added below method on event "created".

onCreated() {
  this.scheduleComponentObj.scrollTo(this.instance.formatDate(new Date(), { skeleton: 'hm' }));
}

It is giving below error .

TypeError: Cannot read property 'scrollToHour' of undefined.

[Vinitha Devi Murugan]

Hi Sudhanshu, 

 

Syncfusion Greetings. 

 

We tried to reproduce your reported scenario at our end, but scrolling working fine on initial load at our end. We have prepared a sample for your reference which can be available in below link. 

 

https://stackblitz.com/edit/react-m2ctgg-ytqqsm?file=index.js 

 

 onCreated() { 

        this.scheduleObj.scrollTo(this.instance.formatDate(new Date(), { skeleton: 'Hm' })); 

    } 

 

Kindly try the above solution and let us know, if you need further assistance on this. 

                                                                                                                                               

Regards, 

M.Vinitha devi 

[Sudhanshu Jain]

Above same thing i am trying but getting error .Can we setup a call .i have another issue also.so we can discuss and get on the same point .

[Vinitha Devi Murugan]

Hi Sudhanshu, 

 

Thanks for your update. 

 

We suspect that in your sample you are using the resource. In resource sample, promise will be resolved slower compared to default sample. Therefore, only unable to get the Schedule instance in created event which is the cause for the issue. Kindly use dataBound event as below.  

 

https://stackblitz.com/edit/react-m2ctgg-r4s5ve?file=index.js  

 

onDataBound() { 

        this.scheduleObj.scrollTo(this.instance.formatDate(new Date(), { skeleton: 'Hm' })); 

    } 

 

Regards, 

M.Vinitha devi 

[Sudhanshu Jain]

Thanks it is working .You can close the incident .

[Vinitha Devi Murugan]

Hi Sudhanshu, 

 

You are most welcome 😊 

 

Regards, 

M.Vinitha devi