ReactJS-如何更改输入字段的日期格式

Question

在react应用程序中，我使用了一个类似的数组

const result = [
{firstname: "Shruthi", lastname: "R", phone: "1234567890", birthday: "24/05/1991"},
{firstname: "Maanya", lastname: "C", phone: "8882334324", birthday: "19/07/1990"},
{firstname: "Chethan", lastname: "Kumar", phone: "7888382222", birthday: "24/05/1995"}
];

日期输入字段为，

<input type="date" onChange={props.handleOnChange} />
handleOnChange = (e) => {
const date = e.target.value; // getting different format here
console.log(date);
}

基于以上内容，数组列表(result(中的日期输入字段和生日字段包含dd/mm/yyyy格式，但在handleOnChange函数中，我得到的是yyyy-mm-dd格式。

如何将日期格式更改为dd/mm/yyyy？

Answer 1

有一个名为Intl的对象。DateTimeFormat，可在JavaScript中启用语言敏感的日期和时间格式。你可以按照如下方式使用它，并进行你想要的更改

console.log(新的Intl.DateTimeFormat('en-US'(.format(date((；

参考

Answer 2

您可以使用此方法

let today  = new Date("2020-11-18");
today.toLocaleDateString("en-US"); // 11/18/2020
today.toLocaleDateString("en-GB"); // 18/11/2020
today.toLocaleDateString("bn-IN"); // ১৮/১১/২০২০

或者你可以使用即时

moment(moment('2020-11-18', 'YYYY-MM-DD')).format('DD-MM-YYYY');