PrimeVue DataTable 열을 날짜/시간별로 정렬

Question

다음과 같이 PrimeVue DataTable(https://primefaces.org/primevue/datatable)이 정렬되어 있습니다.

으아아아

테이블은 API 호출에서 받은 데이터로 채워지며 필드 레이아웃은 아래와 같습니다.

으아아아

API에서 검색된 데이터는 JS Date() 구성 요소 형식이며 다음과 같이 표시됩니다.initialDate와 finalDate는 모두 "08/01/2022 08:33:32"입니다

날짜 및 타임스탬프별로 열을 오름차순 또는 내림차순으로 정렬하는 방법은 무엇입니까? 현재 열 정렬은 사용 가능한 첫 번째 숫자(월)를 기준으로 값을 재정렬하는 것입니다. 정확한 월에 대응할 뿐만 아니라 시간에 따라 정렬합니다.

도움을 주시면 감사하겠습니다.

Answer 1

API에서 받는 콘텐츠는 Date() 对象，但可能是 string일 수 없습니다. 따라서 이 열을 기준으로 정렬하면 행은 시간순이 아닌 사전순으로 정렬됩니다.

이를 방지하려면 API의 데이터를 Date 개체로 변환해야 합니다. 타임스탬프로 변환하면 시간순으로 정렬하는 것이 매우 편리합니다.

으아악

그런 다음 이를 필드로 지정하여 다음 기준으로 열을 정렬할 수 있습니다.

으아악