[HTML]22_<input> 현재 날짜, 시간 세팅하기

2u·2023년 3월 16일
0

HTML

목록 보기
18/22
post-thumbnail

1. month타입에 현재 '월' 세팅하기

: 현자 일자, 시간을 default값으로 지정하기 위해서는 JS를 사용해야 한다.

01) document.getElementById("currentMonth")

: HTML의 ID로 dom객체에 접근할 수 있다.

02) new Date()

: JS에서 new Date()로 클래스 객체를 생성하면
-> 현재 시간을 가진 객체를 리턴한다.

03) new Date().toISOString()

: toISOString()메소드를 호출하면 현재일자를 ISO Standard 형식으로 변환한다.
(ISO Standard 형식은 시간을 'yyyy-MM-ddThh:ss.sssZ' 로 표현한다.)

04) new Date().toISOString().slice(0,7);

: month 타입의 경우 'yyyy-MM' 포맷으로 입력받는다.
: 그래서 slice()메소드를 이용하면 toISOString()메소드로 받아온 현재 날짜 문자열의 7자리(앞에서 부터)를 잘라온다.
-> slice(0,7)에서 0과 7은 각각 시작과 끝(미포함) 인덱스를 가리킨다.
-> 0번째 인덱스에서 7번쨰 인덱스 이전까지 문자열을 잘라오는 것

2. date 타입에 현재 일자 세팅하기

3. time 타입에 현재 시간 세팅하기

4. datetime-local 타입에 현재 날짜, 시간 세팅하기

만약, '분'단위까지만 보여주고 싶으면 slice(0,16)을 해주면 된다.

주의!

new Date().toISOString() 메소드는 UTC timezone의 시간으로 설정되기 때문에 9시간 전을 보여준다.
현재 우리나라 시간을 보여주기 위해서는 다른 방법을 써줘야한다.
그 방법은..JS에서..

0개의 댓글