Kasuni Abegunawardana

Kasuni Abegunawardana

  • NA
  • 211
  • 121.5k

How to disable KENDO Calendar dates and days both

Jan 8 2019 4:35 AM
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.
 
  1. <body>  
  2. <div id="example">  
  3. <div class="demo-section k-content" style="text-align: center;">  
  4. <div id="calendar"></div>  
  5. <div id="holidays"></div>  
  6. <p id ="hh"></p>  
  7. </div>  
  8. <script>  
  9. var dates = [  
  10. new Date("1/1/2019"),  
  11. new Date("1/19/2019"),  
  12. ];  
  13. var days = ["mo","we"]  
  14. $("#calendar").kendoCalendar({  
  15. disableDates: dates,  
  16. });  
  17. $("#holidays").kendoCalendar({  
  18. //disableDates: dates,  
  19. disableDates: days,  
  20. });  
  21. </script>  
  22. </div>  
  23. </body>  
thank you.
Kasu.

Answers (3)