Kendo UI - Angular - Formatting a date column

Question

I'm trying a simple thing as displaying a date column in a kendo ui grid in Angular using the following:

<kendo-grid-column field="date" title="Date" type="date" format="{0:d}"></kendo-grid-column>

However the result is:

'2017-04-30T09:00:00'

T_T · Accepted Answer · 2017-11-13 13:18:16Z

1

I guess you are using the data received from your backend. It that case your should convert your date field to Date type manually.

return this.http.get("url")
        .map((res: Response) => {
            let result = res.json();
            result.forEach((x) => {
                x.dateField= new Date(x.dateField);
            });

            return result;
        })

answered Nov 13, 2017 at 13:18

T_T

5831 gold badge5 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mast3rd3mon · Accepted Answer · 2017-11-06 09:46:41Z

0

Use the following in place of your format code: format="{0:dd/MM/yyyy}". You have to specify which format you wish to use

answered Nov 6, 2017 at 9:46

mast3rd3mon

8,8953 gold badges25 silver badges46 bronze badges

6 Comments

mast3rd3mon Over a year ago

are you sure? this works perfectly in mine and has done for a while now?

François Over a year ago

Why do you think I post?

mast3rd3mon Over a year ago

are you sure it is compiling? do you get any errors in the console?

François Over a year ago

It does transpile and there are no errors in the console. Note that format for a number works, the issue is just with dates.

François Over a year ago

so should mine ('d' is a valid format for a date)... hence my post.

|

Collectives™ on Stack Overflow

Kendo UI - Angular - Formatting a date column

2 Answers 2

Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related