How to disable KENDO Calendar dates and days both

Question

Hi all, I need to disable selected date and weekly days as below ss. I did it in two kendo calendars and i need to this both in one calendar. Please tell me some solutions to do that. "example" > class = "demo-section k-content" style= "text-align: center;" > "calendar" > "holidays" > "hh" > var dates = [ new Date( "1/1/2019" ), new Date( "1/19/2019" ), ]; var days = [ "mo" , "we" ] $( "#calendar" ).kendoCalendar({ disableDates: dates, }); $( "#holidays" ).kendoCalendar({ //disableDates: dates, disableDates: days, }); thank you. Kasu.

Jignesh Kumar · Answer

Hi Kasuni, Please find below link which will help for both specific date and days, you can try with Edit this Example button to edit code online and check there. https://demos.telerik.com/kendo-ui/calendar/disable-dates Please change your script like below $(document).ready( function () { $( "#calendar" ).kendoCalendar({ value: new Date( "1/2/2019" ), dates: [ new Date( "1/1/2019" ), new Date( "1/19/2019" ) ], disableDates: function (date) { var dates = $( "#calendar" ).data( "kendoCalendar" ).options.dates; if (date && compareDates(date, dates) || isWeekEnd(date)) { return true ; } else { return false ; } } }); function compareDates(date, dates) { for ( var i = 0; i if (dates[i].getDate() == date.getDate() && dates[i].getMonth() == date.getMonth() && dates[i].getYear() == date.getYear()) { return true } } } function isWeekEnd(date) { if (date.getDay() == 1 || date.getDay() == 3) { return true } } });

Jignesh Kumar · Answer

Hi Kasuni, Are you still facing issue or your issue resolved ? If it helps you please mark answer....

Vivek Kumar · Answer

Hi Kasuni, Please look below reference for disabling the dates from calendar https://demos.telerik.com/kendo-ui/datepicker/disable-dates