在 React 中将日期格式化为更正日期格式

【问题标题】：Format date to correct date format in React在 React 中将日期格式化为更正日期格式
【发布时间】：2022-06-27 21:28:20
【问题描述】：

我目前正在使用由 API 填充数据的 React Kendo Grid。其中一列是日期，填充它的数据格式如下：

2022-02-11T15:50:51.000+00:00

我尝试像这样格式化 Kendo Grid 列：

 <GridColumn
                field="snDate"
                filter="date"
                format="{0:yyyy-MM-dd'T'HH:mm:ss.SSS'Z'}"
                width="200px"
                title="Date" 
              />

但是当我使用 Kendo 数据选择器过滤器对其进行过滤时，它不会返回任何行。我做错了什么？

【问题讨论】：

标签： javascript reactjs kendo-ui kendo-grid

【解决方案1】：

您需要制作一个自定义列组件并在那里玩日期：

const DateCell = ({ myDate }) => { 
  const [year, month, day] = myDate.split('T')[0].split('-');
  return (
        <td>
            {`${day}/${month}/${year}`}
        </td>
    )
}
export default DateCell



<GridColumn
   field="snDate"
   filter="date"
   width="200px"
   title="Date" 
   cell={DateCell}
/>

我的结果是 -> 14/06/2022

当你过滤它时，React Kendo Grid 知道每个单元格的值都是你提到的第一种格式，我的意思是2022-02-11T15:50:51.000+00:00，过滤器会起作用。它对我有用。祝你好运

【讨论】：