Отформатируйте столбец даты сетки kendo-ui-angular2, используя свойство

Было интересно, можно ли отформатировать дату в столбце, используя свойство. Например:

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

Я хотел бы отформатировать DOB, используя свойство. В моем файле TS у меня было бы что-то вроде:

shortDate="dd/mm/yyyy"

В HTML:

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

Что-то подобное возможно?

Спасибо,


kendo-ui-angular2
person Maniac_1979    schedule 12.05.2017    source источник

Ответы (2)


arrow_upward
5
arrow_downward

Решение, которое я использовал:

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

arrow_upward
-1
arrow_downward

Для всех, кто будет использовать его в будущем, вы можете легко отформатировать его, используя свойство format ниже, как показано ниже.

<kendo-grid-column title="Received On" field="labReceivedDate" format="{0: dd MMM yyyy}" width="120px "></kendo-grid-column>
person Imran Shafique    schedule 28.11.2017
comment
Идея заключалась в том, чтобы сохранить форматирование во внешнем файле, а не в самой колонке. Так что менять придется только на месте, а не во всех столбцах отдельно. - person Maniac_1979; 24.04.2018