Skip to Content
avatar image
Vinothkumar T

How to disable the datepicker manual input..??

Jun 11, 2017 at 06:58 AM | 833 Views

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

SAPUI5
field masking for SAPUI5 and SAP Fiori | sapui5 developer center | sap ui5 | xmlview | date | sapui5 xml | datepicker | sap mobility | datetimepicker | sap.m.
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