달력, 시계 만들기

연도

const moonLanding = new Date('July 20, 1965 00:20:18'); // 4자리, 2자리 가능
// 2자리일 경우
const moonLanding = new Date('July 20, 50 00:20:18'); // 1950 <- 50 이상은 19nn
const moonLanding = new Date('July 20, 49 00:20:18'); // 2049 <- 49 이하는 20nn
// 3자리는 그대로 인식돔
const moonLanding = new Date('July 20, 450 00:20:18');//450

날짜는 

var Xmas95 = new Date("12 25, 1995 23:15:30");
var Xmas95 = new Date("December 25, 1995 23:15:30");

 

Date.prototype.getDate() : 날짜 

구문

dateObj.getDate();

 

예제

var Xmas95 = new Date("December 25, 1995 23:15:30");
var day = Xmas95.getDate();

console.log(day); // 25

 

Date.prototype.getDay() : 요일 

구문

dateObj.getDay();

 

사용 방법

var Xmas95 = new Date("December 25, 1995 23:15:30");
var weekday = Xmas95.getDay();

console.log(weekday); // 1

 

국제화

// 1995년 크리스마스 날짜를 나타내는 Date 객체 정의
var Xmas95 = new Date("December 25, 1995 00:00:00");

// 요일 옵션 설정
var options = { weekday: "long" };

// en-US 형식으로 요일 출력
console.log(new Intl.DateTimeFormat("en-US", options).format(Xmas95)); // Monday

// ko-KR 형식으로 요일 출력
console.log(new Intl.DateTimeFormat("ko-KR", options).format(Xmas95)); // 월요일

 

Date.prototype.getFullYear() : 연도 

구문

dateObj.getFullYear();

 

예제

1.

const moonLanding = new Date('July 20, 69 00:20:18');

console.log(moonLanding.getFullYear());
// Expected output: 1969

2. 현재 년도

var today = new Date();
var year = today.getFullYear();

 

 

3.나라 지정

const moonLanding = new Date('1 1, 23 00:00:18'); // '23'은 1923년 또는 2023년으로 해석될 수 있음

// 미국(영어) 형식으로 연도 조회
console.log(new Intl.DateTimeFormat('en-US', { year: 'numeric' }).format(moonLanding));

// 한국(한국어) 형식으로 연도 조회
console.log(new Intl.DateTimeFormat('ko-KR', { year: 'numeric' }).format(moonLanding));

 

 

Date.prototype.getHours() : 시간

구문

dateObj.getHours();

예제

var Xmas95 = new Date("December 25, 1995 23:15:30");
var hours = Xmas95.getHours();

console.log(hours); // 23

국제화

var Xmas95 = new Date("December 31, 1995 23:15:30"); // 사용자의 로컬 시간대에 맞춰 처리됩니다.

// 특정 시간대를 지정하여 출력하기
// options라는 객체를 선언하고, 그 안에 timeZone과 hour12 옵션을 설정

/*********** 'Asia/Seoul' *********************************************************/

var optionsSeoul = { timeZone: 'Asia/Seoul', hour12: false }; // 'Asia/Seoul' 시간대와 24시간 형식 설정
var hoursInSeoul = Xmas95.toLocaleString('en-US', optionsSeoul); // 서울 시간대로 변환된 날짜 출력

console.log(hoursInSeoul);  // 서울 시간대로 출력 (예: 23:15:30)

/*********** 'America/New_York' ***************************************************/

var optionsNewYork = { timeZone: 'America/New_York', hour12: false }; // 'America/New_York' 시간대와 24시간 형식 설정
var hoursInNewYork = Xmas95.toLocaleString('en-US', optionsNewYork); // 뉴욕 시간대로 변환된 날짜 출력

console.log(hoursInNewYork);  // 뉴욕 시간대로 출력 (예: 18:15:30)