如何在 AG-Grid 中配置日期渲染格式

Question

如何在 AG-Grid 中设置日期列的渲染格式？当我查看样本时，我看到日期格式为 dd/mm/yyyy，但我的日期列总是以相当长的格式显示，类似于“Sat May 12 2012 01:00:00 GMT+0100 (BST)”。我想要一个 YYYY-MM-dd 的默认格式，用户可以自己配置他们想要的格式。我发现的示例展示了如何使用比较器和类似的东西进行自定义过滤，但默认值对我来说很好用，除了日期的实际呈现方式。

谢谢，特洛伊

Answer 1

这是针对 Angular2+ 版本的。如果您在应用程序中使用矩库。那么工作真的很简单

在您的 .ts 文件中：

    import * as moment from 'moment';

{
    headerName: 'End Date',
    field: 'endDateUTC',
    minWidth: 80,
    maxWidth: 100,
    valueFormatter: function (params) {
        return moment(params.value).format('yyyy-MM-dd');
    },
},

您将获得的输出是：

结束日期：2019-10-05

同样为了能够为用户配置日期格式：您可以在应用程序的某个位置添加一个下拉菜单，并允许他们选择日期样式并使用上述 valueFormatter 并使用矩库中可用的许多日期格式动态传递函数。

如果您的值是字符串格式：

首先将其转换为Date，然后使用上面的值格式化函数

例子：

  this.firstTaskDate = moment(this.firstTaskDate, 'DD/MM/YY')
                .utc()
                .toDate();

希望这对某人有所帮助。