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

Question

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

谢谢， 特洛伊

Answer 1

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

在您的 .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 并动态传递该函数，其中包含许多可用的日期格式图书馆。

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

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

示例:

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

希望对大家有所帮助。