JavaScript 날짜 형식 지정
-
JavaScript에서
toTimeString()
을 사용하여 JavaScript 데이터 형식 지정 -
JavaScript에서
toUTCString()
을 사용하여 JavaScript 데이터 형식 지정 -
JavaScript에서
toDateString()
을 사용하여 JavaScript 데이터 형식 지정 -
JavaScript에서
toLocaleString()
을 사용하여 JavaScript 데이터 형식 지정 -
JavaScript에서
toLocaleTimeString()
을 사용하여 JavaScript 데이터 서식 지정 - 사용자 지정 함수를 사용하여 JavaScript에서 날짜 형식 지정
-
Node.js
와 함께Moment.js
패키지를 사용하여 JavaScript에서 날짜 형식 지정 -
Node.js
와 함께dateformat
패키지 사용
이 자습서에서는 JavaScript 날짜 형식을 지정하는 방법을 설명합니다.
JavaScript Date
객체를 사용하여 현재 날짜와 시간을 가져올 수 있습니다. 사용자 정의 함수를 작성하고moment.js
와 같은 라이브러리를 사용하여 날짜 형식을 지정할 수 있습니다.
먼저, 현재 날짜와 시간을 얻기 위해Date
객체를 사용하여date
라는 변수를 만듭니다.
var date = new Date();
이 변수에 적용된 모든 서식 지정 함수의 결과를 보여줍니다.
JavaScript에서toTimeString()
을 사용하여 JavaScript 데이터 형식 지정
toTimeString()
은date
변수에서 시간에 대한 정보를 포함하는 문자열 만 추출하는 데 도움이됩니다.
var date = new Date();
result = date.toTimeString();
console.log(result);
출력:
"20:07:37 GMT+0100 (Central European Standard Time)"
JavaScript에서toUTCString()
을 사용하여 JavaScript 데이터 형식 지정
이 메서드는 변수에 저장된 현재 국가의 시간에서 그리니치 표준시 또는 협정 세계시를 반환합니다.
var date = new Date();
result = date.toUTCString();
console.log(result);
출력:
"Thu, 18 Mar 2021 19:09:40 GMT"
JavaScript에서toDateString()
을 사용하여 JavaScript 데이터 형식 지정
이 메서드는 날짜를 추출하여 문자열 형식으로 반환합니다.
var date = new Date();
result = date.toDateString();
console.log(result);
출력:
"Thu Mar 18 2021"
JavaScript에서toISOString()
을 사용하여 JavaScript 데이터 형식 지정
ISO 8601 형식의 날짜 / 시간이 포함 된 문자열을 반환합니다.
var date = new Date();
result = date.toISOString();
console.log(result);
출력:
"2021-03-18T19:11:35.957Z"
JavaScript에서toLocaleString()
을 사용하여 JavaScript 데이터 형식 지정
로케일 설정을 사용하여 날짜 개체를 문자열로 변환합니다.
var date = new Date();
result = date.toLocaleString();
console.log(result);
출력:
"3/18/2021, 8:13:03 PM"
JavaScript에서toLocaleTimeString()
을 사용하여 JavaScript 데이터 서식 지정
날짜 개체를 변환하지만 로캘 설정을 사용하여 시간 만 문자열로 추출합니다.
var date = new Date();
result = date.toLocaleTimeString();
console.log(result);
출력:
"8:14:22 PM"
사용자 지정 함수를 사용하여 JavaScript에서 날짜 형식 지정
날짜 형식dd-mm-yyyy
또는dd-mm-yyyy
및 유사한 패턴
getDate()
,getMonth()
및getFullYear()
메소드를 사용하여 날짜의 일부를 조각으로 가져오고 원하는 기호를 사용하여 원하는 순서대로 연결합니다.
예를 들어 아래에 작성한 것과 같은 사용자 지정 함수를 작성하여 원하는 방식으로dd/mm/yyyy
,dd-mm-yyyy
,mm-dd-yyyy
,mm/yyyy
를 얻을 수 있습니다.
var date = new Date();
const formatDate = (date) => {
let formatted_date =
date.getDate() + '-' + (date.getMonth() + 1) + '-' + date.getFullYear()
return formatted_date;
} console.log(formatDate(date));
출력:
"18-3-2021"
날짜 문자열 안에1 월
,2 월
,3 월
과 같은 달 이름을 넣을 수도 있습니다.
var date = new Date();
const months = [
'JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV',
'DEC'
];
const formatDate = (date) => {
let formatted_date =
date.getDate() + '-' + months[date.getMonth()] + '-' + date.getFullYear()
return formatted_date;
} console.log(formatDate(date));
출력:
"18-MAR-2021"
날짜 형식yyyy-mm-dd hh:mm:ss
및 유사 패턴
모든 메소드getDate()
,getMonth()
및getFullYear()
,getHour()
,getminutes()
,getsecond()
를 사용하여 날짜와 시간의 일부를 개별적으로 가져옵니다. 우리가 원하는 기호를 사용하여 원하는 순서대로 연결하십시오.
var date = new Date();
const formatDate =
(current_datetime) => {
let formatted_date = current_datetime.getFullYear() + '-' +
(current_datetime.getMonth() + 1) + '-' + current_datetime.getDate() +
' ' + current_datetime.getHours() + ':' +
current_datetime.getMinutes() + ':' + current_datetime.getSeconds();
return formatted_date;
}
console.log(formatDate(date));
출력:
"2021-3-18 20:21:2"
Node.js
와 함께Moment.js
패키지를 사용하여 JavaScript에서 날짜 형식 지정
JavaScript에서 최고의 날짜 및 시간 라이브러리로 간주됩니다. 사용하기 쉽고이 모든 다른 기능을 외우고 빌드 할 필요가 없습니다. 사용자는 서식 요구 사항에 따라 문자열 템플릿을 쉽게 작성할 수 있습니다.
const moment = require('moment');
let m = moment();
m.format('[Time: ] h:mm:ss a'); // output of the form `Time: 11:39:03 pm`
위의 코드는 moment.js가 Node REPL을 사용하여 날짜와 시간을 포맷 할 수있는 방법 중 하나를 보여줍니다.
Node.js
와 함께dateformat
패키지 사용
Moment.js
와 같은 다른 패키지는 날짜 형식을 지정하는 데 도움이 될 수 있습니다. Node.js
및브라우저 측 JavaScript
모두에서 작동합니다. .format()
메소드를 포함하여 Date 객체를 확장합니다.
브라우저 측
Day = new Date();
Day.format('dd-m-yy'); // Returns '16-3-21'
위 코드는 Date 객체와 함께dateformat
패키지를 사용하는 단순성을 보여줍니다.
Node.js
const dateformat = require('dateformat');
let now = new Date();
dateformat(now, 'dddd, mmmm dS, yyyy, h:MM:ss TT'); // returns 'Tuesday, March
// 16th, 2021, 11:32:08 PM'
위 코드는dateformat
패키지를 사용하여 Node REPL로 날짜를 형식화하는 방법을 보여줍니다.
Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.
LinkedIn