Date column sort is not working in Primeng

Question

I have a table using Primeng for displaying the table values. In the table there is one column for date, for date the sort option is not working. It is considering as normal string value instead of Date.

From the service getting the date in timestamp format. Using below code in UI to convert the date in required format.

import { DatePipe } from '@angular/common';
constructor(private datePipe: DatePipe) {
}



dateFormat(val: any) {
    if (val.toString().indexOf('.') > 0) {
      return this.datePipe.transform(new Date(val * 1000), 'd-MMM-y');
    } else {
      val = val.toString() + '.0000';
      return this.datePipe.transform(new Date(val * 1000), 'd-MMM-y');
    }
  }

score 0 · Answer 1 · answered Jan 11 '19 at 10:11

0

You can set one field for display date

this.data.forEach(ds => {
      ds.display_year = this.dateFormat(ds.year);
});

But sort on real field (date type)

This is demo

answered Jan 11 '19 at 10:11

phucnh

1,020
6
14

Thanks @phucnh, In the demo Date column values are in timestamp format but in my code the Date column values are in string format like ''24-Jan-2018" – Shiny Jan 11 '19 at 11:47
What's your response type? – phucnh Jan 11 '19 at 12:44
Response type is Json – Shiny Jan 14 '19 at 06:34
It is solved used custom sorting given in Primeng documentation. Converted the Date typefrom string to Date type it worked – Shiny Jan 14 '19 at 06:36

score 0 · Answer 2 · answered Oct 09 '19 at 11:29

0

have you tried using datepipe in 's column: {{your_date | date: 'dd/MM/yyyy'}}

answered Oct 09 '19 at 11:29

Mayur Saner

444
5
10

Date column sort is not working in Primeng

2 Answers2