SAPUI5:DatePicker 选择了日期,禁用了 InputField 中日期的显示

SAPUI5: DatePicker chosen Date, disabled the Display of the Date in the InputField

如标题所述。 Datepicker 确实由两个元素组成:输入字段和日期选择(请看下图)

您可以手动设置您想要的日期,方法是直接使用 setDateValue() 访问 DatePicker 的 ID,它将自动显示在输入字段中。

现在我想设置我想要的日期,但它不会显示在输入字段中。

我发现的是 setVisible(false) - 然而这只会让整个字段消失。我想要的只是禁用所选日期的显示。我怎样才能实现它?

你可以通过Custom Data - Attaching Data Objects to Controls

来实现

要使用自定义数据,您需要为各个属性使用以下命名空间:

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

XML 查看

在 XML 视图中您需要包含 命名空间 还需要使用 app:mySuperExtraData="CUSTTOM DATA" 将自定义数据附加到控件。

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

与数据绑定一起使用

<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视图

通过使用 data() 我们可以将数据对象附加到控件。

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

检索自定义数据

myButton.data("myData")