PrimeVue DataTable 列を日付/時刻で並べ替えます

Question

次のように配置された PrimeVue DataTable (https://primefaces.org/primevue/datatable) があります。 リーリー

テーブルには、API 呼び出しから受信したデータが取り込まれます。フィールド レイアウトは以下のとおりです:

リーリー

API から取得されたデータは JS Date() コンポーネントの形式であり、次のように表示されます。initialDate とfinishDate は両方とも「08/01/2022 08:33:32」です。

日付とタイムスタンプで列を昇順または降順に並べ替えるにはどうすればよいですか。現時点では、列を並べ替えると、利用可能な最初の数値 (たまたま月) に基づいて値が並べ替えられるだけです。それらが必要です。正しい月に対応するだけでなく、時間に応じて並べ替えることもできます。

ご協力をお願いいたします。ありがとうございます。

Answer 1

API から受け取るものは Date() オブジェクトであってはなりませんが、string である可能性があります。したがって、この列で並べ替えると、行は時系列ではなく辞書順に並べ替えられます。

これを回避するには、API のデータを Date オブジェクトに変換する必要があります。タイムスタンプに変換すると、時系列で並べ替えるのが非常に便利です:

リーリー

これをフィールドとして指定して列を並べ替えることができます:

リーリー