SAPUI5：DatePicker 选择了日期，禁用了 InputField 中日期的显示

Question

As the Title states. The Datepicker does consist of two Elements: the Input Field and the Picking of Date(look at the Image below)

You can set the Date that you would want manually, by directly accessing the ID of the DatePicker with setDateValue() and it will be automatically displayed in the Input Field.

Now I want to set the Date that I want but for it to not be displayed within the Input field.

The thing is that I found was setVisible(false) - however this just makes the whole field disappear. What I want is simply to disable the display of the chosen date. How can I make it happen?

Answer 1

You can achieve it by using Custom Data - Attaching Data Objects to Controls

To use custom data you need to use the following namespace for the respective attributes:

myNamespace="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1"

XML view

In XML view you need to include the namespace also need to use app:mySuperExtraData="CUSTTOM DATA" to attach custom data to the control.

<mvc:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.ui.commons" controllerName="my.own.controller"
  xmlns:app="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1">
     <Button text="Click" app:mySuperExtraData="just great"></Button>
</mvc:View>

Use with Data Binding

<mvc:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.ui.commons" controllerName="my.own.controller" 
           xmlns:app="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1">
     <Button text="Click" app:coords="{data}" press="alertCoordinates"></Button>
</mvc:View>

JS view

By using data() we can attach data objects to controls.

myButton.data("myData", "Hello");

Retrieve custom data

myButton.data("myData")