按日期时间对农业网格列进行排序

Question

在我的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

Answer 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;
  }