inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

날짜 형식

417

유하은

작성한 질문수 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에 따라 다른 형태로 날짜 인풋을 표기합니다.

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

eslint.config.js 설정 질문입니다.

0

7

1

존재하지 않는 일기 url입력 시 alert이 두 번 떠요

0

43

1

교재(3쇄)와 강의 내용 문의

0

39

2

12.13) 하단 여백 스타일링 관련 질문 드립니다.

0

70

2

에러 질문드립니다

0

65

2

VSCode 설정 문의

0

77

2

PPT 코드 관련 질문

0

51

2

useEffect와 lifecycle문의

0

70

2

프론트엔드 학습 수준 문의

0

84

2

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

0

78

2

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

0

75

2

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

0

107

2

이후의 커리큘럼 문의

0

130

2

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

0

76

2

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

0

106

3

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

1

98

3

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

0

100

2

리액트 개정판 교재 질문

0

77

2

예제코드가 안나와요!

0

87

2

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

0

134

2

onMouseEnter 관련 문의 드립니다

0

112

3

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

0

87

2

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

0

139

2

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

0

160

2