To don't allow DatePicker keyboard input

5 posts, 0 answers
  1. Christian
    Christian avatar
    4 posts
    Member since:
    Aug 2012

    Posted 01 Aug 2012 Link to this post

    Hi,
    I'm working with datepickers and I tried the following a while ago:

    $("#begin_date").attr('disabled','disabled');

    I tried this to disable the text input of a date. But I realized later that it also makes the attribute unavailable for the web server to use in my application. The server wasn't receiving the dates I was picking so I stopped using it.

    Is there anyway to disable that text input besides this method?
  2. John DeVight
    John DeVight avatar
    209 posts
    Member since:
    Jan 2010

    Posted 07 Aug 2012 Link to this post

    Hi Christian,

    What if you did the following instead?

    $("#begin_date").attr("readonly","readonly");

    Regards,

    John DeVight
  3. Vicente
    Vicente avatar
    2 posts
    Member since:
    Sep 2011

    Posted 31 Aug 2012 Link to this post

    What has worked for me is this instead.

    HTML
    <input id="f1" width="150px" />

    JS
    $("#f1").kendoDatePicker().data("kendoDatePicker");
    $("#f1").attr("disabled","disabled");

    Hope this helps someone. Cheers.
  4. Jamshed
    Jamshed avatar
    1 posts
    Member since:
    Dec 2017

    Posted 12 Dec 2017 in reply to John DeVight Link to this post

    but the issue is kendo validation will not work with readonly attribute 
  5. Viktor Tachev
    Admin
    Viktor Tachev avatar
    1994 posts

    Posted 14 Dec 2017 Link to this post

    Hello,

    In order to prevent keyboard input for the DatePicker component it is recommended to make it read only. Please check out the article below that describes the approach:



    Regards,
    Viktor Tachev
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top