如何在Angular Kendo网格中格式化日期

Question

我正在使用Angular Kendo Grid，并且正在获取格式的服务器数据

1900-01-01T00:00:00

但是我希望它以标准格式显示，不确定如何去做。我在网格列中应用了format ='{0：MM / dd / yyyy h：mm a}'，但没有效果。不管要进行哪种数据格式转换，我都需要在代码的客户端执行，即将服务器日期转换为javascript格式！

<kendo-grid-column field="mydata.openDate" width="220" title="Open Date" filter="date" 
                   format='{0:MM/dd/yyyy h:mm a}'>
</kendo-grid-column>

Answer 1

尝试一下：

<kendo-grid-column field="dateField" width="220" title="Open Date">
    <ng-template kendoGridCellTemplate let-dataItem>
        {{dataItem.dateField | date: 'MM/dd/yyyy'}}
    </ng-template>
</kendo-grid-column>

您也可以使用angular Date Pipe提供的短格式或其他格式>

Answer 2

Grid数据需要包含实际的JavaScript Date对象，而不是某些字符串表示形式。然后，内置的格式化，排序，过滤和编辑功能将对日期进行处理，并且将按预期工作：

Answer 3

如果您有一个大项目，并且必须多次使用相同的格式，那么就可以使用指令。