Форматирование строки даты в 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>