We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How to use syncfusion calender using Angular JS?

I have to add calender on home page of my application. I used
 <div id="Schedule1" ej-schedule></div> 

but it come with default functionality also it comes with popup when i click that date how can i remove that all functionality i.e all default functionalities

i.e simple calender

3 Replies

VS Velmurugan S Syncfusion Team March 24, 2015 11:11 AM UTC

Hi Gomtesh,

Thanks for using Syncfusion products.

Your requirement on “Simple calendar without default functionalities” can be achieved by enabling the “readOnly” property. Please find the following code snippets that will help you enabling the “readonly” value in the Angular sample.


<div id="Schedule1" ej-Schedule e-readonly="true"></div>


We have also prepared the Schedule sample with above code snippets, which can be downloaded from the following location.


Please let us know if you need any further assistance on this.



YG yididiya gebredingel November 8, 2016 08:31 AM UTC

The link is dead ? Plus I don't know why syncfusion products are cool but zerrrrrrroooo documentation when it comes to angular!
Even the newly released PDF (Frederik Dietz,AngularJS Succinctly) doesn't help well.

KK Karthigeyan Krishnamurthi Syncfusion Team November 9, 2016 11:02 AM UTC

Hi Yididiya,   
Sorry for the inconvenience caused.   
Sample link provided in the previous update is not dead and we have reattached a sample which can be download from the below location. Kindly visit the below links to know more about Scheduler AngularJS support.   

Live Chat Icon For mobile
Up arrow icon