在Material-UI TableCell中格式化日期字符串

Question

我有这个Material-UI TableCell，其中item.created_at是日期字符串，格式为2019-03-25T19:09:21Z：

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

我想将其更改为对读者更友好的格式，仅包含日期。我对25/03/2019或25th Mar 2019感到满意。

我尝试了这个但没有成功：

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

这是怎么做的？

Answer 1

如果您想使用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>