当前位置: 首页 > news >正文

react ant add/change created_at

1.引入ant的 Table

import { Table, Space, Button, message } from 'antd';

2.获得接口的数据的时候增加上创建时间

 const response = await axios.get(`${Config.BASE_URL}/api/v1/calculation_plans?token=${getToken()}`);if (response.data.message === 'ok') {const data = response.data.data.map((item) => ({key: item.id,id: item.id,name: item.name,industry: '-',start_year: item.start_year,created_at: item.created_at, // 增加创建时间end_year: item.end_year,calculation_template_name: item.calculation_templates.name,year_range: `${item.start_year} - ${item.end_year}`,}));

3.对接口的数据进行处理

95       {96         title: '创建时间',97         dataIndex: 'created_at',98         key: 'created_at',99       },

这样会显示数据:

2023-07-24T15:10:38.820628+08:00

需要修改为北京时间:

最后做出这样的修改:(显示为北京时间:2023/7/24 15:10:38)

 

import { Table } from 'antd';const dataSource = [// 数据源];const columns = [// 其他列配置{title: '创建时间',dataIndex: 'created_at',key: 'created_at',render: (text) => moment(text).format('YYYY-MM-DD HH:mm:ss'),},];const MyTable = () => {return <Table dataSource={dataSource} columns={columns} />;};
http://www.lryc.cn/news/112251.html

相关文章:

  • OSPF 动态路由协议 路由传递
  • 5.kubeadm安装
  • 【雕爷学编程】Arduino动手做(180)---Seeeduino Lotus开发板2
  • 6.5 池化层
  • etcd
  • W5500-EVB-PICO做DNS Client进行域名解析(四)
  • 单例模式(C++)
  • LeetCode 热题 100 JavaScript--234. 回文链表
  • Redis 6.5 服务端开启多线程源码
  • 嵌入式面试笔试刷题(day6)
  • 24考研数据结构-第五章:树与二叉树
  • 构建稳健的微服务架构:关键的微服务设计原则和最佳实践
  • 消息队列常见问题(1)-如何保障不丢消息
  • Circle of Mistery 2023牛客暑期多校训练营5 B
  • VC9、VC10、VC11等等各对应什么版本的Visual Studio,以及含义
  • 两数相加 LeetCode热题100
  • Python基础 P2数字类型与优先级进阶练习
  • CAPL通过继电器实现CAN容错性自动化测试
  • elasticsearch 配置用户名和密码
  • 侯捷 C++面向对象编程笔记——9 复合 委托
  • 状态模式——对象状态及其转换
  • Linux一阶段复习
  • 宝塔Linux面板怎么升级?升级命令及失败解决方法
  • 前端面试的性能优化部分(6)每天10个小知识点
  • 2023年 Java 面试八股文(20w字)
  • 银河麒麟服务器ky10-server在线一键安装docker
  • spring boot中web容器配置
  • DNSlog注入(利用DNSlog平台将SQL盲注变成回显注入)
  • vim学习笔记(致敬vim作者)
  • 力扣 -- 139. 单词拆分