Kendo Angular 2 Grid DateTime格式

Question

有谁知道如何正确格式化网格中的DateTime？(这种数据类型是否支持？).

无论我放在列的"filter"属性中,我的日期似乎都没有得到解析.

我看到这个值显示: / Date(1480643052457)/

任何帮助或建议非常感谢!

- - 更新 - -

就像我最终做的快速更新一样:我只是创建了第二个字符串列并返回了一个格式化的日期字符串(我在检索时格式化).然后当我排序时,我只是确保使用实际的DateTime列而不是显示列,以便它正确排序.这适用于我的需求.我认为最初当我开始使用Angular 2网格时,我期待更多的客户端功能离开网格(在排序等方面),但是一旦你正确绑定到后端api源,它并不是真正需要的.

Answer 1

我在模板列中使用日期管道解决了同样的问题.确保检查空值.

<kendo-grid-column title="Last Login" width="100">
    <ng-template kendoGridCellTemplate let-dataItem>
        <div *ngIf="dataItem.lastLoginDate!=null">{{ formatDate(dataItem.lastLoginDate) | date:"shortDate" }}</div>
    </ng-template>
</kendo-grid-column>

component.ts中的函数拉出日期字符串的可用部分并将其转换为JS日期,以便日期管道可以使用它.

formatDate(myStringDate) {
    return new Date(parseInt(myStringDate.substr(6)));
}

我使用了shortDate格式,但您可以在这里找到更多格式选项,包括时间格式: Angular 2 Date Pipe Formatters

Answer 2

您可以格式化日期,如下所示:

<kendo-grid-column field="createdOn" format='{0:MM/dd/yyyy HH:mm:ss}'>
</kendo-grid-column>