Format kendo-ui-angular2 grid date column using property

Question

Was wondering if it is possible to format a date in a column using a property. E.g:

<kendo-grid-column field="DOB" format="{0:d}" title="DOB" width="160"  >
    </kendo-grid-column>

I would like to format the DOB using a property. In my TS file I would have something like:

shortDate="dd/mm/yyyy"

In HTML:

<kendo-grid-column field="DOB" format="{0:shortDate}" title="DOB" width="160"  >
    </kendo-grid-column>

Something like that possible?

Thanks,

Maniac_1979 · Accepted Answer · 2017-05-12 08:43:57Z

5

Solution I ended up using:

<kendo-grid-column field="DOB" title="DOB" width="160" >
        <ng-template kendoGridCellTemplate let-dataItem>
            {{dataItem.DOB | date:config.ShortDate}}
        </ng-template>
    </kendo-grid-column>

answered May 12, 2017 at 8:43

Maniac_1979

9793 gold badges10 silver badges29 bronze badges

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

Comments

Imran Shafique · Accepted Answer · 2017-11-28 07:20:54Z

-1

For anyone in future's use, You can easily format it using below format property as below

<kendo-grid-column title="Received On" field="labReceivedDate" format="{0: dd MMM yyyy}" width="120px "></kendo-grid-column>

answered Nov 28, 2017 at 7:20

Imran Shafique

916 bronze badges

1 Comment

Maniac_1979 Over a year ago

The idea was to store the formatiing in an external file, not in the column itself. So that you would only have to change it in in place and not in all columns seperately.

Collectives™ on Stack Overflow

Format kendo-ui-angular2 grid date column using property

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related