How to disable the datepicker manual input..??

[former_member187227]

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..??

[former_member182862 · Accepted solution]

HI Vinothkumar

does this help?

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

Thanks

Dennis

[former_member187227 · Accepted solution]

Hi Dennis Seah,

Its working fine. Thanks.

[Former Member]

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