Skip to Content

How to disable the datepicker manual input..??

Hi All,

I want to restrict the manual input in DatePicker i tried disabled and editable as false. But its not working. How come we can achieve this..??

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Best Answer
    avatar image
    Former Member
    Jun 11, 2017 at 08:06 PM

    HI Vinothkumar

    does this help?

    http://jsbin.com/xigiveh/edit?html,js,output

    Thanks

    Dennis

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Jun 11, 2017 at 04:26 PM

    Hi Vinoth,

    In css file , pl add the below code

    .disablekb input{
     pointer-events: none;
     color: transparent;
     text-shadow: 0 0 0 gray;
    }
    

    In onBeforeRendering event ,add the below one .

    <DatePicker id="DP1" placeholder="Enter Date ..."/>

    onBeforeRendering:function(){
     var that = this;
     that.getView().byId("DP1").addStyleClass('disbalekb');
    			
    }
    

    Regards

    Madhu

    Add comment
    10|10000 characters needed characters exceeded