时间戳

首页 > 解决方案 > 以 JSON 格式格式化时间以显示在 ag-grid 中

json - 以 JSON 格式格式化时间以显示在 ag-grid 中

问题描述

我正在使用角度为 5 的 ag-grid。我的目标是有一个包含一些列的网格，其中一列是“时间”列，并以这种格式“ hh:mm ”显示时间。

我在网格中显示的所有数据都来自一个 JSON 对象。现在我显示的时间看起来像这样“ 2018-04-28T08:16:07.632Z ”。

我在Angular Pipes上看了一些，但我不知道如何将它用于需要格式化一列的JSON对象，但它需要“绑定”到其他列中的正确单元格。我认为所有格式都必须在打字稿代码中完成。

你们中有人做过类似的事情或有一个想法必须这样做吗？

标签： jsonangulartypescriptionic-frameworkag-grid

解决方案

我还没有找到一个相同的问题，这很简单，所以我将解释我做了什么：

在 coulmDefs 我添加了valueFormatter: HomePage.timeFormatter

columnDefs = [
    {headerName: 'Time', field: 'time', valueFormatter: HomePage.timeFormatter}]

然后我将此函数添加到同一个文件中：

// I take the substring of this '2018-04-28T08:16:07.632Z' and I get '08:16'
static timeFormatter(params) {return params.value.substring(11, 16);}

请记住，这仅在您知道 DateTime 每次都采用相同格式时才有效。

推荐阅读