[JavaScript] Date() 자바스크립트로 날짜 포맷 알아보기

2021-05-04


Photo by Richard Horvath on Unsplash

자바스크립 내에서 Date라는 오브젝트가 존재하면 해당 오브젝트를 사용하면 오늘의 날짜뿐 아니라 날짜 비교/ 계산 등 다양한 기능을 구현할 수 있게 된다.


- 생성자

 

Date 오브젝트는 아래의 4가지 방식으로 생성할 수 있다.

 

new Date()
new Date(밀리초)
new Date(년, 월, 일, 시간, 분, 초, 밀리초)
new Date(날짜 형식 문자열)

- 오늘의 날짜

 

오늘의 날짜를 알아보기 위해서는 단순히 Date() 오브젝트 사용하면 알 수 있으며, 사용법은 아래와 같다.

 

<script type="text/javascript">
window.onload= function(){
	var today = new Date();
	console.log(today)

}
</script>

 

아래와 같이 현재의 시간이 콘솔 창에 출력되는 것을 확인할 수 있다.

 


- 문자열 포맷

 

문자열 자체를 매개 값으로 주어 특정 날짜를 저장할 수 있는데, 코드로 작성하면 아래와 같다.

 

<script type="text/javascript">
window.onload= function(){
	var day1 = new Date("2019-07-07");
	var day2 = new Date("2019/07/07");
	console.log(day1)
	console.log(day2)

}
</script>

 

두 형식 모두 년 / 월 / 일 형식으로 인식하여 동일한 결과를 콘솔 창에 출력하게 된다.

 


메인 이미지 링크: Photo by Richard Horvath on Unsplash