How to use two different types of disabled dates?

2 posts, 0 answers
  1. DavidOBrien
    DavidOBrien avatar
    14 posts
    Member since:
    Sep 2012

    Posted 13 May Link to this post

    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?

  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 14 May Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
Back to Top