inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

날짜 형식

411

유하은

작성한 질문수 1

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로 나올까요? ㅠㅠ

javascript react node.js

답변 1

0

이정환 Winterlood

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

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

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

VSCode 설정 문의

0

7

1

PPT 코드 관련 질문

0

9

1

useEffect와 lifecycle문의

0

38

2

프론트엔드 학습 수준 문의

0

50

2

리액트 챕터별 코드에서 eslint 설정파일이 없어요

0

55

2

데이터 로딩중 화면만 계속 나와요!!

0

57

2

퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요

0

85

2

이후의 커리큘럼 문의

0

104

2

실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.

0

54

2

최적화 관련 질문있습니다 (useMemo 등)

0

86

3

프로바이더 컴포넌트의 위치는 어떤 기준인가요?

1

82

3

Date 객체에 관련하여 질문드립니다.

0

87

2

리액트 개정판 교재 질문

0

60

2

예제코드가 안나와요!

0

79

2

select a variant 선택에서 javascript와 javascript+react compiler 중 무엇을 선택해야하나요? com

0

112

2

onMouseEnter 관련 문의 드립니다

0

93

3

배열의 렌더링 관련 질문 드립니다.

0

74

2

2:40초 refObj를 콘솔로 출력시 오류가 발생합니다.

0

114

2

TS, 리액트 강의중에 뭘 먼저 수강하는게 좋을까요?

0

139

2

useCallback 적용한 onCreate, onUpdate, onDelete 함수..

0

71

1

vs code 자동완성관련 문의

0

121

2

91강 useEffect내에서 상태변화함수 호출시 발생하는 에러

1

187

2

87강 필터 함수 질문

0

71

2

useRef, useState count 비교

0

67

2