react AdvancedTable对时间进行格式化的方法(UTC转GMT)

一、概述

<AdvancedTable>组件可以用来展示表格数据，数据来源可以给后台发送请求、获取到json的list格式的数据、放入表格展示即可。

以下是官方对于<Table>的说明文档(advancedTable应该也差不多)：

https://3x.ant.design/components/table-cn/#header

在此记录下 AdvancedTable对时间进行格式化的方法。

二、格式化时间的方法

1.后台返回的时间格式为UTC格式，例如：2022-11-25T12:19:27.547Z

react里，可以这样转：

//引入处理时间的模块
import moment from 'moment';

const columns = [
      {
        //表格展示的列名
        title: '创建时间',
        //表格内容，是后台返回的json的key名
        dataIndex: 'createTime',
        align: 'center',
        //内容处理方法
        render: (text, record) => {
          //格式化时间，utc转gmt，可以自动转为东8区时间
          return moment(text).format('YYYY-MM-DD HH:mm:ss')
        },
      },

这样，数据展示时，就可以转为GMT时间。（注意会自动+8小时）

2.如果后台返回的时间是UTC格式，并且不希望前端+8小时，可以这样写：

//格式化时间，utc转gmt，转换时可以不+8小时
return moment(text).utcOffset(0).format('YYYY-MM-DD HH:mm:ss')