根据日期时间对 ag-grid 列进行排序答案

【问题标题】：Sorting ag-grid columns as per date-time根据日期时间对 ag-grid 列进行排序
【发布时间】：2020-05-29 16:17:53
【问题描述】：

在我的 ag-grid Angular 应用程序中，我试图按照日期时间对数据进行排序。我正在将日期转换为 EST（上午、下午格式）。我希望在页面第一次加载时按降序对数据进行排序，并且列上的排序图标应该正常工作（升序/降序）！但我遇到的问题是，排序按照日期进行，但不是按照时间进行。例如。 2019 年 1 月 23 日下午 2:38:41 应高于 2019 年 1 月 23 日上午 6:38:41 和 2019 年 1 月 23 日上午 9:38:41

下面是我工作的 Stackblitz：

https://stackblitz.com/edit/ag-grid-angular-hello-world-32fnmi?file=src/app/app.component.ts

【问题讨论】：

标签： javascript ag-grid

【解决方案1】：

您必须使用自定义日期比较器：

{field: "date", headerName: "DATE", headerTooltip: "DATE",  width: 150, minWidth: 100, maxWidth: 150, resizable: true,
        valueFormatter: params => this.helper.dateFormater(params.value),
        comparator: this.helper.dateComparator
      },

日期比较器可能类似于：

 dateComparator(date1: string, date2: string): number {
    return new Date(date1) < new Date(date2) ? -1 : 1;
  }

【讨论】：