자바스크립트 Intl.DateTimeFormat을 사용하여 지역화된 달력 표시하기
Intl.DateTimeFormat을 사용하여 지역화된 달력을 표시하는 방법은 다음과 같습니다.
let date = new Date();
let options = {
weekday: "long",
year: "numeric",
month: "long",
day: "numeric",
hour: "numeric",
minute: "numeric",
second: "numeric",
timeZoneName: "short"
};
let locale = navigator.language;
let formatter = new Intl.DateTimeFormat(locale, options);
console.log(formatter.format(date));
위의 코드에서는 navigator.language
를 사용하여 사용자의 지역 정보를 가져옵니다. 이를 Intl.DateTimeFormat
생성자의 첫 번째 매개변수로 전달하여 해당 지역에 맞는 텍스트 포맷을 가져올 수 있습니다.
두 번째 매개변수인 options
객체는 표시할 달력의 형식을 지정합니다. 위의 예제에서는 요일, 연도, 월, 일, 시간, 분, 초 등을 모두 표시하고 있습니다. weekday
, year
, month
, day
, hour
, minute
, second
등의 속성을 사용하여 표시할 달력 요소를 선택할 수 있습니다.
formatter.format(date)
를 호출하여 현재 날짜와 시간을 지정된 형식으로 표시할 수 있습니다.
이제 위의 코드를 웹 페이지에 추가하고 지역화된 달력을 표시해 보세요. 사용자의 컴퓨터 설정에 따라 다른 형식으로 달력이 표시될 것입니다.
지역화된 달력을 표시하는 방법은 다양한 프로그래밍 언어에서 지원되며, 자바스크립트의 Intl.DateTimeFormat은 이를 쉽게 구현할 수 있는 강력한 도구입니다.
반드시 try-catch
블록으로 에러 처리를 해주어야 합니다.