[JavaScript] 자바스크립트에서 날짜 설정하기

082_자바스크립트에서 날짜 설정하기

[적용]

• 날짜와 시간을 설정하고 싶을 때

---

[생성자(Constructor)를 사용하는 방법]

날짜와 시간 정보를 생성자의 인수로 전달한다.

전달된 정보는 자동적으로 타입에 맞춰지며, 문자열로 날짜와 시간을 설정할 수 있다.

const date1 = new Date('2022/06/09 20:01:10');
const date2 = new Date('Thu Jun 09 2022 20:01:10');

 

숫자로도 지정이 가능하다.

숫자는 년, 월, 일, 시, 분, 초 밀리초의 순서로 기입한다.

월은 0~11의 범위에서 사용되므로 주의가 필요하다.(숫자 0부터 1월을 나타낸다.)

생략하면 0이 대입된다.

const date3 = new Date(2020, 06, 09, 20, 1, 10);

 

타임스탬프로도 사용할 수 있다.

1970년 1월 1일 00:00:00부터 경과한 밀리초를 나타내며,

getTime()을 사용해 현재의 타임스탬프를 가져올 수 있다.

const date4 = new Date(1528801270000);

 

[메소드(Method)를 사용하는 방법]

Date 객체는 setXXX()의 형태로 년, 월, 일, 시, 분, 초, 밀리초를 지정할 수 있는 메소드를 가진다.

인수에는 숫자 값을 전달하며, setMonth()에서 인수0은 1월을 의미한다.

메소드	의미	반환
setFullYear(년)	년 설정	없음
setMonth(월)	월 설정	없음
setDate(일)	일 설정	없음
setHours(시)	시 설정	없음
setMinutes(분)	분 설정	없음
setSeconds(초)	초 설정	없음
setMilliseconds(밀리초)	밀리초 설정	없음

const date = new Date();
// 날짜 설정
date.setFullYear(2021);
date.setMonth(0);
date.setDate(1);
date.setHours(0);
date.setMinutes(0);
date.setSeconds(0);

// HTML에 문자열 넣기
document.querySelector('#log').innerHTML = date.toLocaleString();

 

---

 

 

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김