antd design中table组件,怎么把后端传来的yyyymmddhhmmss转换成yyyy-mm-dd hh:mm:ss
时间: 2024-02-16 14:03:13 浏览: 84
ant-design-5.0.0-rc.3.zip
可以通过antd design中Table组件的render函数来实现该转换。具体步骤如下:
1. 在columns中找到需要转换格式的列,例如该列的dataIndex为"date"。
2. 在该列的render函数中,将后端传来的日期字符串转换成Date对象,然后使用Date对象的toLocaleString()方法将其转换成指定格式的字符串。
示例代码如下:
```jsx
import React from 'react';
import { Table } from 'antd';
const data = [
{ id: 1, date: '20211201123456' },
{ id: 2, date: '20211202123456' },
{ id: 3, date: '20211203123456' },
];
const columns = [
{
title: 'ID',
dataIndex: 'id',
key: 'id',
},
{
title: 'Date',
dataIndex: 'date',
key: 'date',
render: (text) => {
const date = new Date(text);
return date.toLocaleString();
},
},
];
const DemoTable = () => {
return <Table dataSource={data} columns={columns} />;
};
export default DemoTable;
```
运行该代码后,可以看到Table组件中的日期格式已经被转换成了"yyyy-mm-dd hh:mm:ss"的格式。
阅读全文