JavaScript 날짜 형식 지정

Harshit Jindal 2023년10월12일
  1. JavaScript에서toTimeString()을 사용하여 JavaScript 데이터 형식 지정
  2. JavaScript에서toUTCString()을 사용하여 JavaScript 데이터 형식 지정
  3. JavaScript에서toDateString()을 사용하여 JavaScript 데이터 형식 지정
  4. JavaScript에서toLocaleString()을 사용하여 JavaScript 데이터 형식 지정
  5. JavaScript에서toLocaleTimeString()을 사용하여 JavaScript 데이터 서식 지정
  6. 사용자 지정 함수를 사용하여 JavaScript에서 날짜 형식 지정
  7. Node.js와 함께Moment.js패키지를 사용하여 JavaScript에서 날짜 형식 지정
  8. Node.js와 함께dateformat패키지 사용
JavaScript 날짜 형식 지정

이 자습서에서는 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 avatar Harshit Jindal avatar

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

관련 문장 - JavaScript Date