如何使用react.js获取dd/MM/yyyy格式

Question

我正在尝试使用良好的日期格式：dd/MM/yyyy。现在我得到了1606348737089，而不是dd/MM/yyyy格式。这是我的代码：

import React, { useState, useEffect } from 'react'; 
function App() {
const [date, setdate] = useState(Date.now())
return (
<div>
<p>{date}</p>
</div>
);
}
export default App;

这是我的代码：https://codesandbox.io/s/nostalgic-engelbart-tzbxv?file=/src/App.js

你知道我该怎么做吗？

非常感谢！

Answer 1

您可以生成如下函数，并将状态值作为参数传递，然后只需在渲染方法中调用该函数；(

function formattedDate(stateValue = new Date) {
let month = String(stateValue.getMonth() + 1);
let day = String(stateValue.getDate());
const year = String(stateValue.getFullYear());
if (month.length < 2) month = '0' + month;
if (day.length < 2) day = '0' + day;
return `${day}/${month}/${year}`;
}

Answer 2

您可以使用像dayjs这样的轻量级日期库来格式化您的日期：

import React, { useState, useEffect } from 'react';
import dayjs from 'dayjs';
function App() {
const [date, setdate] = useState(Date.now())
return (
<div>
<p>{dayjs(date).format('DD/MM/YYYY')}</p>
</div>
);
}
export default App;