JavaScript에서 날짜 값 형식을 지정하는 방법

예제

다음 코드는 JavaScript에서 날짜 값을 원하는 형식으로 변환하는 방법을 보여줍니다.

function changeDateFormat(dateValues, addToFront = "") {
   return typeof dateValues == "object" ? addToFront + dateValues.toLocaleDateString() : "";
}
var currentDate = new Date();
console.log("The current date values=" + currentDate);
console.log("After formatting date values=" +
changeDateFormat(currentDate));

코드 설명: 위 함수는 매개변수로 전달된 값이 객체(즉, Date 객체)인지 먼저 확인합니다. 객체라면 toLocaleDateString() 메서드를 사용해 현지화된 날짜 문자열로 변환하여 반환하고, 그렇지 않으면 빈 문자열을 반환합니다. 또한 두 번째 매개변수 addToFront를 활용하면 변환된 날짜 문자열 앞에 원하는 접두사를 추가할 수 있습니다.

위 프로그램을 실행하려면 터미널에서 다음 명령어를 입력하세요.

node fileName.js

여기서는 파일 이름이 demo289.js인 경우를 가정합니다.

출력 결과

프로그램을 실행하면 콘솔에 다음과 같은 결과가 출력됩니다.

PS C:\Users\Amit\javascript-code> node demo289.js
The current date values=Sat Aug 29 2020 12:51:06 GMT+0530 (India Standard Time)
After formatting date values=8/29/2020

실행 결과를 살펴보면, 원본 Date 객체는 요일·시간·타임존 정보까지 모두 포함한 긴 문자열로 출력되지만, changeDateFormat() 함수를 거친 후에는 '8/29/2020'처럼 간결한 M/D/YYYY 형식으로 깔끔하게 정리되는 것을 확인할 수 있습니다. 이처럼 toLocaleDateString()을 활용하면 복잡한 라이브러리 없이도 손쉽게 날짜 형식을 지정할 수 있습니다.