ryxxn

[javascript] 날짜 관련 함수 총 정리 본문

javascript

[javascript] 날짜 관련 함수 총 정리

drxxn 2023. 8. 2. 00:00

 

    목차

 


1. Date 객체 생성

 

// 현재 날짜와 시간을 가지고 있는 Date 객체 생성
const currentDate = new Date();

// 특정 날짜와 시간을 가지고 있는 Date 객체 생성
const customDate = new Date('2023-07-31T12:30:00');

// 특정 날짜를 가지고 있는 Date 객체 생성 (월은 0부터 시작)
const specificDate = new Date(2023, 6, 31); // 2023년 7월 31일

 


2. 날짜 정보 추출

 

const date = new Date('2023-07-31T12:30:00');

const year = date.getFullYear(); // 2023
const month = date.getMonth(); // 6 (7월은 0부터 시작)
const day = date.getDate(); // 31
const hours = date.getHours(); // 12
const minutes = date.getMinutes(); // 30
const seconds = date.getSeconds(); // 0
const dayOfWeek = date.getDay(); // 0 (일요일은 0, 월요일은 1, ... , 토요일은 6)

 


3. 날짜 포맷팅

const date = new Date('2023-07-31T12:30:00');

// "2023-07-31" (사용자의 로케일에 맞는 날짜 형식)
const formattedDate = date.toLocaleDateString(); 

// "12:30:00 PM" (사용자의 로케일에 맞는 시간 형식)
const formattedTime = date.toLocaleTimeString(); 

// "2023-07-31 12:30:00 PM" (사용자의 로케일에 맞는 날짜와 시간 형식)
const formattedDateTime = date.toLocaleString(); 


// 2023년 7월 31일 (월) 오전 12:00
date.toLocateDateString('ko', {
	minute: 'numeric',
    hour: 'numeric',
    day: 'numeric',
    month: 'short',
    year: 'numeric',
    weekday: 'short'
});

 


4. 날짜 연산

const date = new Date();

// 현재 시간에 1일(24시간)을 더한 날짜를 구함
date.setDate(date.getDate() + 1);

// 현재 시간에 1시간을 더한 날짜를 구함
date.setHours(date.getHours() + 1);

 


5. 날짜 비교

 

const date1 = new Date('2023-07-31');
const date2 = new Date('2023-08-01');

if (date1 < date2) {
  console.log('date1이 date2보다 이전입니다.');
} else if (date1 > date2) {
  console.log('date1이 date2보다 이후입니다.');
} else {
  console.log('date1과 date2가 같습니다.');
}