인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

유하은님의 프로필 이미지
유하은

작성한 질문수

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

12.10) Home 페이지 구현하기 1. UI

날짜 형식

작성

·

388

0

const getStringDate = (date) => { 
  return date.toISOString().slice(0, 10);
}

const New = () => { 
  const [date, steDate] = useState(getStringDate(new Date()));

  const navigate = useNavigate();
    return (
      <div>
        <MyHeader
          headText={"새 일기쓰기"}
          leftChild={<MyButton text={'< 뒤로 가기'} onClick={()=> navigate(-1)}/>}
        />
        <div>
          <section>
            <h4>오늘은 언제인가요?</h4>
            <div className="input-box">
              <input
                value={date}
                type="date"
                onChange={(e) => steDate(e.target.value)}
              />
            </div>
          </section>
        </div>
      </div>
   )
 }

스크린샷 2023-06-26 오후 5.48.47.png왜 저는 yyyy-mm-dd 형식이 아니라 yyyy.mm.dd로 나올까요? ㅠㅠ

답변 1

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

<input type="date"/> 태그는 사용하시는 브라우저나 OS에 따라 다른 형태로 날짜 인풋을 표기합니다.

그럼에도 로직상의 문제는 발생하지 않기 때문에 그대로 작업하셔도 무방합니다

유하은님의 프로필 이미지
유하은

작성한 질문수

질문하기