>source

반응 앱에서 다음과 같은 배열을 사용하고 있습니다.

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 ?

  • 답변 # 1

    이 방법을 사용할 수 있습니다

    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');
    
    

  • 답변 # 2

    라는 개체가 있습니다.Intl.DateTimeFormatJavaScript에서 언어 구분 날짜 및 시간 형식을 활성화합니다. 이것을 다음과 같이 사용하고 원하는 변경을 할 수 있습니다.

    console.log(new Intl.DateTimeFormat('en-US').format(date));

    참고

관련 자료

  • 이전 visual studio code - 자동 재시작에 Flutter VScode 저장
  • 다음 css - HTML 텍스트가 비활성 버튼처럼 둥근 테두리로 둘러싸 이도록하려면 어떻게해야합니까?