如何在reactjs中更改日期格式，如(17-jun6-2022)

Question

MY CODE

useEffect(() => {
setInterval(() => {
setOpeningdate(new Date().toDateString());
}, 1000)
});

代码输出:2022年6月17日星期五

But I Want: 17-Jun-2022

Answer 1

最好的解决方案是使用moment.js库。您可以轻松地将其更改为您喜欢的任何日期格式。

import moment from 'moment';
const date = moment(new Date().toDateString()).format('DD-MMM-YYYY')

如果你不想使用任何库，你也可以像下面这样改变格式。

function formatDate() {
const date = new Date().toDateString().split(" ");  
return date[2] + "-" + date[1] + "-" + date[3]
}
.....
useEffect(() => {
setInterval(() => {
setOpeningdate(formatDate());
}, 1000)
});