ant design pro中dateFormatter的使用方式

在Ant Design Pro中，`dateFormatter`是一个全局配置项，可以用来设置表格中的日期格式。具体使用方式如下：

1. 在`config.ts`文件中，添加`dateFormat`配置项，设置日期的默认格式。

   export default {
     // 其他全局配置项
     dateFormat: 'YYYY-MM-DD',
   }

2. 在`ProTable`组件中，设置`dateFormatter`为`string`或`number`，或者自定义一个函数，用于格式化日期数据。

   import { useIntl } from 'umi';
   import ProTable from '@ant-design/pro-table';
   import moment from 'moment';
   
   const columns = [
     {
       title: '日期',
       dataIndex: 'date',
       valueType: 'date',
     },
     // 其他列
   ];
   
   const request = async (params = {}) => {
     const { dataFormat, ...restParams } = params;
     const response = await fetch('/api/xxx', {
       body: JSON.stringify(restParams),
       method: 'POST',
     });
     const data = await response.json();
     // 格式化日期数据
     data.list = data.list.map((item) => {
       return {
         ...item,
         date: moment(item.date).format(dataFormat || 'YYYY-MM-DD'),
       };
     });
     return {
       data: data.list,
       success: true,
       total: data.total,
     };
   };
   
   const TableList: React.FC<{}> = () => {
     const intl = useIntl();
     return (
       <ProTable
         columns={columns}
         request={request}
         dateFormatter="string"
         toolbar={{
           // 其他操作按钮
         }}
         search={{
           // 其他搜索配置项
         }}
         options={{
           // 其他表格配置项
         }}
       />
     );
   };
   
   export default TableList;

上述代码中，设置了全局的`dateFormat`为`YYYY-MM-DD`，表示默认的日期格式为年-月-日。在`ProTable`组件中，设置`dateFormatter`为`string`，表示将日期格式化为字符串类型；在`request`中，使用`moment`库将日期格式化为指定格式。如果需要自定义日期格式化函数，可以将`dateFormatter`设置为一个函数，例如：

<ProTable
  columns={columns}
  request={request}
  dateFormatter={(value) => moment(value).format('YYYY-MM-DD')}
  // 其他配置项
/>

上述代码中，将`dateFormatter`设置为一个箭头函数，使用`moment`库将日期格式化为指定格式。