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

Question

我的代码

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

代码输出: Fri Jun 17 2022

但我想:17-6月-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)
});