智能表SAP Ui5中的格式化日期字段

时间:2017-10-17 12:00:10

标签: date annotations formatting sapui5

如何格式化智能表中的日期字段?

2017年10月17日至2017年10月17日

2 个答案:

答案 0 :(得分:0)

我找到的唯一方法是将其设为customData并将其格式化

        <customData>
            <core:CustomData key="p13nData" value='\{"columnKey": "Erdat",  "leadingProperty": "Erdat"}' />
        </customData>

然后

        <Text text="{parts: ['Erdat'],formatter: '.formatDate'} " />

这样我就能够格式化我的数据

答案 1 :(得分:0)

您也可以为此使用 sap 注释 sap:display-format='Date'

<Property
  sap:label="Test Date"
  Name="ZDATE"
  Type="Edm.DateTime"
  sap:display-format="Date"
  Precision="0"/>

结果

Date display sample

或者通过 customData 和带有 constraints 选项的复合绑定 sap.ui.model.odata.type.DateTime 允许您不创建自定义格式化程序:

<Table>
    <columns>
        <Column hAlign="Begin">
            <customData>
                <core:CustomData key="p13nData"
                  value='\{"columnKey": "TEST_DATE",
                    "columnIndex":"9",
                    "leadingProperty": "ZDATE",
                    "width": "10%"
                  }'/>
              </customData>
              <Text text="Test Date Custom"/>
        </Column>
    </columns>
    <items>
        <ColumnListItem>
            <cells>
                <Text text="{
                  path: 'ZDATE',
                  type: 'sap.ui.model.odata.type.DateTime',
                  constraints: { displayFormat: 'Date' }
                }"/>
            </cells>
        </ColumnListItem>
    </items>
</Table>