MUI-DataTables 不会对我的格式化日期进行排序

Question

我有一个从 API 调用接收的数据集作为响应，其中我的日期格式为"2020-06-10"，即 (YYYY-MM-DD(，但我需要将其显示为"2020 年 6 月 10 日"，我正在使用实用程序作为：

const SPACED_DATE_FORMAT = "DD MMM YYYY";
export const getHyphenatedDate = (dateString) =>
moment(dateString, "YYYY-MM-DD").format(SPACED_DATE_FORMAT);

但是现在，当我将此数据传递给 MUI Datatable 实现并且排序无法按预期工作(无论是在 asc 中还是在 desc 中(时，它只是随机随机洗牌。

请建议如何实现预期的格式和顶部的正确排序。

使用的库版本：

"时刻"： "2.24.0"， "mui-datatables"： "2.14.0"， "反应"： "16.13.1"， "反应"："16.10.2">

注意：如果我不格式化日期，则排序工作正常。

具有复制问题的沙盒：https://codesandbox.io/s/objective-golick-8qvzf

Answer 1

我已经通过使用toDate()和getTime()到moment转换 gridData 日期值并在列定义中的日期对象上使用 customBodyRender 解决了这个问题

customBodyRender： value =>moment(new Date(value((.format(SPACED_DATE_FORMAT(

沙盒下方有修复程序

https://codesandbox.io/s/hopeful-butterfly-isdjb?file=/src/App.js:2402-2497

Answer 2

valueFormatter： params => params？.价值？时刻(参数？value(.format("DD MMM yyyy"( ：null

也许可以帮助您将其放在专栏的字段中