TypeScript에서 현재 날짜 및 시간 가져오기

이 기사는 TypeScript에서 현재 날짜와 시간을 얻는 방법을 안내합니다.

TypeScript에서 현재 날짜 및 시간 가져오기

Date()를 사용하여 TypeScript에서 기존 날짜와 시간을 얻을 수 있습니다.

예제 코드:

# typescript
const newDate = new Date()
console.log(newDate)

출력:

TypeScript에서 현재 날짜와 시간을 나타내는 날짜 개체를 가져오기 위해 Date() 생성자 명령을 사용했습니다.

날짜 개체는 1970년 1월 1일 UTC 이후 경과된 밀리초 수를 나타내는 숫자를 수집하고 많은 기본 메서드를 제공합니다.

TypeScript의 날짜 객체 속성

생성자는 개체의 프로토타입을 생성하는 함수를 식별합니다. 동시에 프로토타입은 개체에 다른 속성과 메서드를 추가할 수 있도록 합니다.

Now 변수를 Date로 정확하게 유추하여 Date 개체가 제공하는 많은 내장 메서드를 사용할 수 있습니다.

날짜 개체에 사용할 수 있는 메서드를 보여주는 몇 가지 예를 살펴보겠습니다.

예제 코드:

# typescript
const now =newDate();

console.log(now);
console.log(now.toLocaleDateString());
console.log(now.toLocaleString());
console.log(now.toUTCString());
console.log(now.toISOString());

출력:

TypeScript에서 날짜 형식 변경

YYYY-MM-DD, MM/DD/YYYY 및 MM/DD/YYYY와 같이 다양한 방법으로 날짜 형식을 설정할 수 있습니다. 필요에 따라 이러한 형식 중 하나를 사용할 수 있습니다.

반면에 시간은 hh:mm:ss로 쓸 수 있습니다.

예제 코드:

# typescript
function ConvertTo2Digits(newNum: number) {
    return newNum.toString().padStart(2, '0');
}
function changeDateFormat(newDate: Date) {
    return (
        [
            newDate.getFullYear(),
            ConvertTo2Digits(newDate.getMonth() + 1),
            ConvertTo2Digits(newDate.getDate()),
        ].join('-') +
        ' ' +
        [
            ConvertTo2Digits(newDate.getHours()),
            ConvertTo2Digits(newDate.getMinutes()),
            ConvertTo2Digits(newDate.getSeconds()),
            ].join(':')
     );
}

console.log(changeDateFormat(new Date()));
console.log(changeDateFormat(new Date('May 16, 2020 02:34:07')));

출력:

이 함수에는 날짜와 관련된 6가지 방법이 표시됩니다. 아래에서 자세히 설명하겠습니다.

Date.getFullYear() 메서드는 날짜와 관련된 연도를 나타내는 4자리 숫자를 반환했습니다.

Date.getMonth() 메서드는 일반적으로 1월의 0과 12월의 11 사이에 있는 정수를 반환하고 지정된 날짜의 월을 나타냅니다. 그러나 불행하게도 이 방법은 1에 의해 기각되었습니다.

Date.getDate() 메서드는 1과 31 사이의 정수를 반환하고 정의된 날짜의 날짜를 표시했습니다. Date.getHours() 메서드는 정의된 날짜의 시간을 반환했습니다.

그런 다음 Date.getMinutes() 메서드는 특정 날짜의 분을 반환했습니다. 그리고 Date.getSeconds() 메서드는 고정 날짜의 초를 반환했습니다.

0부터 시작하는 메소드이기 때문에 getMonth()의 반환 값에 1을 추가해야 합니다.

TypeScript에서 한 자리 숫자를 두 자리 숫자로 변환

처음에는 ConvertTo2Digits() 함수를 만들어야 합니다. 이 함수는 월, 일, 시, 분 또는 초가 한 자리(10 미만)일 때마다 선행 0이 추가되도록 합니다.

예제 코드:

# typescript
function ConvertTo2Digits(newNum: number){
return newNum.toString().padStart(2,'0');
}

console.log(ConvertTo2Digits(5));
console.log(ConvertTo2Digits(9));
console.log(ConvertTo2Digits(14));

출력:

padstart 방법을 사용하여 일관된 결과를 얻고 월, 일, 시, 분, 초에 대해 2자리 숫자를 유지합니다.

문자열 매개변수의 총 길이를 ConvertTo2Digits() 함수로 고정합니다. 이렇게 하면 2자리 숫자가 이미 존재하는 경우 이 함수가 어떤 상황에서도 값을 추가하지 않습니다.

TypeScript에서 날짜에 하이픈 구분 기호 추가

하이픈 구분 기호를 사용하여 연결하려면 연도, 월, 일을 배열에 배치해야 합니다.

예제 코드:

# typescript
console.log(['2022','05','16'].join('-'));
console.log(['2024','03','26'].join('-'));

출력:

슬래시 /와 같은 다른 구분 기호를 사용할 수도 있습니다. 이 구분 기호를 사용하면 원하는 대로 날짜 구성 요소를 쉽게 재정렬할 수 있습니다.

예를 들어 MM/DD/YYYY가 있는 경우 배열의 요소 위치만 변경하여 YYYY-MM-DD로 변경할 수 있습니다. 결과적으로 YYYY-MM-DD 형식의 날짜가 있습니다.

TypeScript에서 시간 형식 변경

이제 시간 관련 메서드에서 반환된 값을 배열 형태로 추가하고 아래와 같이 콜론으로 연결합니다.

예제 코드:

# typescript
console.log(['03','11','17'].join(':'));
console.log(['06','22','49'].join(':'));

출력:

날짜 구성 요소의 경우에 사용한 것과 동일한 방법을 사용하여 시간 구성 요소의 형식을 지정할 수 있습니다.