Ngx-Datatable 按日期列排序不起作用
Ngx-Datatable sorting by date column doesn't work
我有下一个代码:
<ngx-datatable
class="material"
[rows]="rows"
[columnMode]="'force'"
[headerHeight]="50"
[footerHeight]="50"
[sorts]="[{prop: 'name', dir: 'desc'}]"
[limit]="3">
<ngx-datatable-column name="Name">
<ng-template let-row="row" ngx-datatable-cell-template>
{{row.name}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Date">
<ng-template let-row="row" ngx-datatable-cell-template>
{{row.date}}
</ng-template>
</ngx-datatable-column>
</ngx-datatable>
我需要按日期格式 ("dd/mm/yyyy") 和 ("hh:mm:ss dd/mm/yyyy") 排序。我知道这个 table 只是按字符串格式排序,但是当我按日期排序时无法正常工作。
好心人可以帮帮我。也许我必须创建一个特定的排序或比较。我应该怎么做?
谢谢!
ngx-tables可以按日期排序,但需要指定这是日期,
这是处理日期排序的一小段代码
if (a instanceof Date && b instanceof Date) {
if (a < b) return -1;
if (a > b) return 1;
}
取自 ngx-datatable 存储库。
您可以尝试在您的约会对象上添加管道,这样 angular 会完成您的工作。
<ng-template let-row="row" ngx-datatable-cell-template>
{{row.date | date}}
</ng-template>
我有下一个代码:
<ngx-datatable
class="material"
[rows]="rows"
[columnMode]="'force'"
[headerHeight]="50"
[footerHeight]="50"
[sorts]="[{prop: 'name', dir: 'desc'}]"
[limit]="3">
<ngx-datatable-column name="Name">
<ng-template let-row="row" ngx-datatable-cell-template>
{{row.name}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Date">
<ng-template let-row="row" ngx-datatable-cell-template>
{{row.date}}
</ng-template>
</ngx-datatable-column>
</ngx-datatable>
我需要按日期格式 ("dd/mm/yyyy") 和 ("hh:mm:ss dd/mm/yyyy") 排序。我知道这个 table 只是按字符串格式排序,但是当我按日期排序时无法正常工作。
好心人可以帮帮我。也许我必须创建一个特定的排序或比较。我应该怎么做?
谢谢!
ngx-tables可以按日期排序,但需要指定这是日期,
这是处理日期排序的一小段代码
if (a instanceof Date && b instanceof Date) {
if (a < b) return -1;
if (a > b) return 1;
}
取自 ngx-datatable 存储库。
您可以尝试在您的约会对象上添加管道,这样 angular 会完成您的工作。
<ng-template let-row="row" ngx-datatable-cell-template>
{{row.date | date}}
</ng-template>