Try to disable dates from kendo scheduler

[Amit]

Hi Team,

We have used one of your feature called Kendo Scheduler. Please find this link where we have refer the code to implement the kendo scheduler: https://docs.telerik.com/kendo-ui/api/javascript/ui/scheduler/configuration/views.workdays.

We have one business requirement, in that user want to see only scheduled days from kendo scheduler calendar as shown below screenshot. In this example our scheduled dates range is 5th January to 12th January we want to hide or disable all dates which is not lie in this scheduled date range.

 

 

Waiting for your reply.

 

Thanks in advance..!

 

 

 

[Neli]

Hi Amit,

I would suggest you bind a click event handler to the date rendered in the Scheduler Toolbar. Then when the Calendar is rendered you can use the setOptions method and set the needed disabled dates:

 $('.k-nav-current').click(function(){
        setTimeout(function(){
          $('.k-scheduler-calendar').data('kendoCalendar').setOptions({ disableDates: ["we", "th"]})
        })
})

Here is a Dojo example demonstrating the above.

I hope this helps. 

Regards,
Neli
Progress Telerik