首页 > 解决方案 > 在 Material-UI TableCell 中格式化日期字符串

问题描述

我有这个 Material-UI格式的日期TableCell字符串:item.created_at2019-03-25T19:09:21Z

<TableCell align="left">{item.created_at}</TableCell>

我想将其更改为仅包含日期的更易于阅读的格式。我会很高兴与25/03/201925th Mar 2019

我试过这个没有成功:

<TableCell align="left" type="date">{item.created_at}</TableCell>

这是怎么做到的?

标签: javascriptnode.jsdatematerial-ui

解决方案


如果你想使用MomentJS,你可以像这样格式化(你应该使用它,它是一个非常好的日期帮手)

moment('2019-03-25 15:30:00').format('D MMMM YYYY'); //Displays 25th Mar 2019
moment('2019-03-25 15:30:00').format('D/MM/YYYY');   //Displays 25/03/2019

然后像这样使用它

<TableCell align="left" type="date">{moment(item.created_at).format('D/MM/YYYY')}</TableCell>

推荐阅读