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

JavaScript를 사용하는 개발자라면 날짜 형식을 자주 지정해야 합니다. 날짜 형식은 초보자에게 복잡하고 압도적으로 보일 수 있지만 이 기사를 읽고 나면 동의할 것이므로 매우 간단합니다.
JavaScript의 Date() 함수 객체는 특정 시간대에도 날짜, 시간을 표시하는 데 쉽게 사용할 수 있습니다.

let date = new Date();
console.log(date);


위의 코드는 아마도 날짜 함수를 사용하는 가장 쉽고 일반적인 방법일 것입니다. 다른 함수를 할당하지 않았기 때문에 날짜와 시간은 현지화된 형식으로 인쇄됩니다.
JavaScript에서 사용할 수 있는 다른 간단한 날짜 형식 지정 방법이 있으며 그 중 하나는 toLocaleDateString 방법입니다.

toLocaleDateString 메서드



이 방법을 사용하면 선택한 특정 위치와 원하는 표시 방식으로 날짜를 사용자 지정할 수 있습니다. 로케일(언어 코드)과 옵션을 추가할 수 있고 둘 다 인수로 사용하며 지정된 로케일 및 형식으로 시간과 날짜를 제공합니다.
로케일과 옵션 없이 toLocaleDateString 메소드를 사용할 수 있습니다. 옵션 없이 또는 로케일과 옵션이 모두 있는 상태에서 사용할 수도 있습니다. 각각의 구문은 아래에 나열되어 있습니다.

toLocaleDateString()
toLocaleDateString(locales)
toLocaleDateString(locales, options)


로케일을 사용할 때 사용하려는 언어 코드를 기억해야 합니다. 미국의 경우 en-US ; 영국의 경우 en-UK 가 있으며 계속 진행됩니다. 해당 언어 코드를 검색하여 찾을 수 있습니다.
로케일만 사용하면 다음 형식의 구문을 갖게 됩니다.

new Date().toLocaleDateString(en-US)
new Date().toLocaleDateString(en-UK)
new Date().toLocaleDateString(zh-CN)


그러나 옵션과 함께 로케일을 사용하면 사용자 정의할 수 있는 더 많은 공간이 제공되므로 구문은 일반적으로 다음과 같습니다.

const options = { weekday: short, year: numeric, month: long, day: numeric };
const today = new Date();
console.log(today.toLocaleDateString(en-UK, options));


동일한 구문을 작성하는 내가 선호하는 방법은

console.log(date.toLocaleString(en-UK, {
weekday: short,
day: numeric,
year: numeric,
month: long,
}));


두 가지 방법 모두 작업을 완료하고 원하는 대로 사용자 지정할 수 있습니다. 요일, 일, 월, 연도가 일반적으로 사용되는 기본 옵션이지만 시간을 사용자 정의하려는 경우 hour , minutesecond 옵션을 추가할 수도 있습니다.
weekday 옵션은 요일을 표시하는 방법을 지정합니다. 약어(짧게) 또는 전체(긴)로 사용할 수 있습니다.
month 옵션은 월을 표시할 방법을 지정합니다. 약어(짧게) 또는 전체(긴)로 사용할 수 있습니다.
year , day , hour , minutesecond 옵션은 일반적으로 숫자로 나타납니다.

날짜 형식을 지정하는 다른 방법이 있으며 그 중 하나는 Intl.DateTimeFormat입니다. 이 방법은 toLocaleDateString와 유사하며 다음 기사에서 다루겠습니다.

도움이 되셨기를 바랍니다. 귀하의 의견을 듣고 싶습니다. 댓글을 남기거나 , 를 통해 저에게 연락하거나 멋진 프로젝트에 대한 내 Github 페이지를 확인할 수 있습니다.

좋은 웹페이지 즐겨찾기