HOWTO · JavaScript

JavaScript 날짜 형식 지정

이 자습서에서는 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로 날짜를 형식화하는 방법을 보여줍니다.