This is a migrated thread and some comments may be shown as answers.

How to use two different types of disabled dates?

1 Answer 77 Views
Date/Time Pickers
This is a migrated thread and some comments may be shown as answers.
DavidOBrien
Top achievements
Rank 2
DavidOBrien asked on 13 May 2016, 06:56 PM

http://dojo.telerik.com/@DGOBRIEN/EkIze

 

01.<!DOCTYPE html>
02.<html>
03.<head>
04.    <meta charset="utf-8"/>
05.    <title>Kendo UI Snippet</title>
06. 
08.    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.2.504/styles/kendo.rtl.min.css"/>
11. 
12.    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
14.</head>
15.<body>
16.   
17.<input id="datepicker">
18.<script>
19.$("#datepicker").kendoDatePicker({
20.    value: new Date(2015,9,3),
21.    disableDates: [new Date(2015,9,12), new Date(2015,9,22), "sa" , "su" ]
22.});
23.</script>
24.</body>
25.</html>

 

How to combine date based and day based disabled dates?

1 Answer, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 14 May 2016, 05:57 AM
Hello,

The disableDates property can also accept a function that will be executed for every calendar day. In that function you can combine the both approaches. Please see the documentation here:


http://docs.telerik.com/kendo-ui/api/javascript/ui/calendar#configuration-disableDates

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Date/Time Pickers
Asked by
DavidOBrien
Top achievements
Rank 2
Answers by
Kiril Nikolov
Telerik team
Share this question
or