날짜, 시간을 원하는 형식으로 변환하여 출력하는 방법을 소개합니다.
1. 현재 시간, 날짜 출력
Date는 Date()
또는 new Date()
로 생성할 수 있으며, console.log()
로 출력하면 아래와 같은 형식의 문자열로 출력됩니다.
let date1 = Date();
console.log(date1);
let date2 = new Date();
console.log(date2);
Output:
Sun Feb 05 2023 19:20:23 GMT+0900 (Korean Standard Time)
2023-02-05T10:20:23.536Z
2. 특정 날짜 포맷으로 변환
yyyy-mm-dd
같은 형식으로 출력하려면, Date 객체에서 날짜 정보를 가져와서 원하는 포맷으로 변환해야 합니다.
Date 객체에서 아래와 같은 메소드를 사용하여 날짜 정보를 가져올 수 있습니다.
getFullYear()
: 년도 정보를 리턴getMonth()
: 월 정보를 0~11 사이의 값으로 리턴getDate()
: 날짜 정보를 1~31 사이의 값으로 리턴
3. "yyyy-mm-dd" 포맷으로 변환
아래와 같이 날짜 정보를 가져와서 yyyy-mm-dd
형식의 문자열로 변환할 수 있습니다.
const date = new Date();
const year = date.getFullYear();
const month = ('0' + (date.getMonth() + 1)).slice(-2);
const day = ('0' + date.getDate()).slice(-2);
const dateStr = year + '-' + month + '-' + day;
console.log(dateStr);
Output:
2023-02-05
4. "yyyy-mm-dd hh:mm:ss" 포맷으로 변환
날짜, 시간 정보를 가져와서 yyyy-mm-dd hh:mm:ss
형식으로 변환할 수 있습니다.
Date에서 시간 정보는 아래와 같은 메소드로 가져올 수 있습니다.
- getHours()
- getMinutes()
- getSeconds()
const date = new Date();
const year = date.getFullYear();
const month = ('0' + (date.getMonth() + 1)).slice(-2);
const day = ('0' + date.getDate()).slice(-2);
const hours = ('0' + date.getHours()).slice(-2);
const minutes = ('0' + date.getMinutes()).slice(-2);
const seconds = ('0' + date.getSeconds()).slice(-2);
const dateStr = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;
console.log(dateStr);
Output:
2023-02-05 19:29:39
5. 다양한 형식으로 변환
const date = new Date();
const year = date.getFullYear();
const month = ('0' + (date.getMonth() + 1)).slice(-2);
const day = ('0' + date.getDate()).slice(-2);
let format1 = `${month}/${day}/${year}`;
console.log(format1);
let format2 = `${day}/${month}/${year}`;
console.log(format2);
let format3 = `${month}-${day}-${year}`;
console.log(format3);
let format4 = `${day}-${month}-${year}`;
console.log(format4);
let format5 = `${year}년 ${month}월 ${day}일`;
console.log(format5);
Output:
02/05/2023
05/02/2023
02-05-2023
05-02-2023
2023년 02월 05일
Loading script...
Related Posts
- JavaScript Array find() 함수
- JavaScript Array splice() 함수
- JavaScript의 contains() 함수
- JavaScript sort() 함수, 예제 소개
- JavaScript - Set 생성 및 초기화
- JavaScript Set add() 함수
- JavaScript Set clear() 함수, 모든 값 제거
- JavaScript Set delete() 함수, 값 제거
- JavaScript Set has() 함수 (값 존재 여부 확인)
- JavaScript String split() 함수
- JavaScript - 경과 시간 계산 (Elapsed time)
- JavaScript - 실행 시간 측정 방법
- JavaScript - 날짜, 시간 포맷 (Date format)
- JavaScript - slice()로 배열 자르기, 나누기
- Node.js - 파일에 특정 문자열이 포함되어있는지 확인
- Node.js - 특정 패턴과 일치하는 모든 파일 찾기
- Node.js - 디렉토리의 파일 리스트 가져오기
- Node.js - 파일, 디렉토리(하위 파일) 삭제
- Node.js - 파일 이름 변경
- JavaScript - switch 조건문
- JavaScript - 배열의 특정 요소 찾기, Index 찾기
- JavaScript - 특정 값으로 배열 채우기, Array.fill()
- JavaScript - 배열을 객체로 변환, 4가지 방법
- JavaScript - 이번 달(특정 달)의 1일, 마지막 일 구하기
- JavaScript - 배열 요소 삭제 방법
- JavaScript - null, undefined 체크 방법
- JavaScript - 배열에 특정 값이 포함되어있는지 확인
- JavaScript - 변수가 배열인지 확인, 3가지 방법
- JavaScript - 배열에서 빈 값, undefined, null 제거하기
- JavaScript - Date에 시간(일/시/분/초) 더하기
- JavaScript - Map의 key를 배열로 변환
- JavaScript - Map의 value를 배열로 변환
- JavaScript - Map 요소 삭제 방법
- JavaScript - Map 생성 및 초기화, 3가지 방법
- JavaScript - Map 순회, 3가지 방법