Disable selected date range in Date Picker

4 posts, 0 answers
  1. Satabdi
    Satabdi avatar
    13 posts
    Member since:
    Aug 2014

    Posted 22 Sep 2014 Link to this post

    Hi Team
    Do we have any option to disable specified range of dates in kendo datepicker.As of now I can find "max" option which is hiding the dates as well. But I want to make the the dates disable.Example all the dates  before July 20 and after september 20 , should be disable and can not click at all.
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 22 Sep 2014 Link to this post

    Hi Satabdi,

    There is no option for disabling dates in the Kendo UI DatePicker, if you set the min and max configuration options the widget will hide all the dates that are not in the specified interval. You can create similar functionality by using the Kendo UI DatePicker template, where you can check for the date that is being rendered and if it does not match your requirements you can apply custom CSS class to hide/disable click. A demo for using templates is available here:

    http://demos.telerik.com/kendo-ui/datepicker/template

    Regards,
    Kiril Nikolov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. Satabdi
    Satabdi avatar
    13 posts
    Member since:
    Aug 2014

    Posted 22 Sep 2014 in reply to Kiril Nikolov Link to this post

    Thanks Kiril. But in this example all birthdays are clickable and there is customized images added with dates using template.Looks like,  I have to disable the dates using css, there is no such option like jquery "maxDate" in kendo datepicker.

    Regards
    Satabdi
  4. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 23 Sep 2014 Link to this post

    Hello Satabdi,

    As I said there is not such option built-in the Kendo UI DatePicker and you will need to add custom CSS in order to achieve the functionality that you are looking for. The demo that I showed just explains how to use Templates inside the widget.

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top