How to Format the Date in SAPUI5?

Question

How to format the Date and time in sapui5 application. Formatter option is not working. Please suggest some idea. Shared the tried code also.

my code :

new sap.m.ObjectIdentifier({  width : "100%" ,
        title : "{DocDate}",
        type: new sap.ui.model.type.DateTime({pattern: "yyyy-MM-dd"})
 
    })

result :

I need result like this : 2020-09-08

If anyone has an idea or a suggestion, I'd be more than thankful if you let me know.

Does this answer your question? [OData Edm.DateTime - How to Display Date Only](https://stackoverflow.com/questions/50210037/odata-edm-datetime-how-to-display-date-only) — Boghyon Hoffmann, Sep 09 '20 at 00:13

score 3 · Answer 1 · edited Sep 09 '20 at 10:43

3

Here you go:

new sap.m.ObjectIdentifier({
  width : "100%" ,
  title : "{ path: 'DocDate' , type: 'sap.ui.model.type.Date', formatOptions: {pattern: 'yyyy-MM-dd'} }" 
});

edited Sep 09 '20 at 10:43

Boghyon Hoffmann

17,103
12
72
170

answered Sep 09 '20 at 06:31

Lumpenstein

1,250
1
10
27

score 1 · Answer 2 · edited Sep 09 '20 at 16:45

1

To format a date in sapui5 this works as well. Check in console.

// DateFormat required from the module "sap/ui/core/format/DateFormat"
DateFormat.getDateInstance({pattern: "yyyy-MM-dd"}).format(new Date());

edited Sep 09 '20 at 16:45

Boghyon Hoffmann

17,103
12
72
170

answered Sep 09 '20 at 14:21

Tilak Raj

11
2

How to Format the Date in SAPUI5?

2 Answers2