TypeScript의 날짜 객체 종합 안내서

Typescriptui Naljja Gaegche Jonghab Annaeseo



TypeScript는 JavaScript의 모든 기능과 새로운 기능이 함께 제공되는 JavaScript의 상위 집합입니다. 다양한 기능을 수행하기 위해 JavaScript의 거의 모든 내장 메서드와 속성이 있습니다. 이러한 모든 메서드, 속성 및 개체의 작동은 TypeScript에서 동일합니다. 따라서 사용자는 요구 사항에 따라 JavaScript 개체를 TypeScript 개체로 사용할 수 있습니다.

이 게시물은 TypeScript에서 Date 객체의 목적, 사용 및 실제 구현을 보여줍니다.

TypeScript의 날짜 객체는 무엇입니까?

날짜 ” 개체는 날짜와 시간을 나타냅니다. 이 개체는 기본적으로 로컬 시스템의 날짜와 시간을 인쇄합니다. 또한 사용자는 미리 정의된 방법을 사용하여 시스템의 특정 날짜와 시간(시간대 포함)을 설정할 수 있습니다.







통사론



데이트하자 = 새로운 날짜 ( yyyy, mm, dd )

위 구문에서 'new' 키워드는 지정된 날짜 형식(yyyy(년), mm(월), dd(날짜))에 따라 'Date' 개체를 만듭니다.



'날짜' 객체 생성부터 시작하겠습니다.





TypeScript에서 날짜 개체를 만드는 방법은 무엇입니까?

날짜 ”는 요구 사항에 따라 날짜와 시간을 가져오기 위해 다양한 방법으로 구현할 수 있는 동적 개체입니다. 이 섹션은 지정된 날짜와 시간을 가져오기 위해 '날짜' 개체를 만드는 모든 가능한 방법을 제공합니다.

첫 번째 방법으로 진행하겠습니다.



방법 1: 새 날짜()

기본적으로 'Date()' 생성자에 값이 전달되지 않으면 사용자의 시스템 날짜와 시간이 반환됩니다.

데이트하자 = 새로운 날짜 ( ) ;

콘솔. 통나무 ( '날짜 = ' + 날짜 ) ;

위의 코드에서:

  • 날짜 ” 변수는 “ 날짜 ” 객체를 'new' 키워드와 'Date()' 생성자를 사용하여 생성합니다.
  • 콘솔.로그() ” 메서드는 “날짜” 변수의 값, 즉 현재 날짜와 시간을 지정된 문으로 표시합니다.

산출

'를 컴파일 .ts ” 파일을 “tsc” 컴파일러를 사용하여 생성하고 “ .js '노드' 명령의 도움으로 확장:

tsc 메인. TS

노드 메인. js

여기에서 터미널은 사용자 시스템의 날짜와 시간 및 시간대를 보여줍니다.

방법 2: 새 날짜(밀리초)

'new Date(milliseconds)'는 날짜와 시간을 '0'부터 지정된 밀리초까지 계산하는 Date 객체를 생성합니다.

데이트하자 = 새로운 날짜 ( 6112346789 ) ;

콘솔. 통나무 ( '날짜 = ' + 날짜 ) ;

여기서 생성자는 밀리초 수를 매개변수로 지정합니다.

산출

노드 메인. js

위에 표시된 날짜와 시간은 '0'에서 '6112346789'밀리초입니다.

방법 3: 새 날짜('날짜 문자열')

이 메서드는 'yy-mm-dd' 형식의 지정된 날짜를 문자열로 사용하여 새 날짜로 표시합니다.

데이트하자 = 새로운 날짜 ( '2016-02-18' ) ;

콘솔. 통나무 ( '날짜 = ' + 날짜 ) ;

여기서 'Date' 개체는 지정된 날짜를 큰따옴표로 묶인 문자열로 사용합니다.

산출

노드 메인. js

터미널에 새로 생성된 Date 개체가 표시됩니다.

방법 4: 새 날짜(년, 월, 일, 시, 분, 초, 밀리초):

마지막 방법은 사용자가 '(yy, mm, dd, hh, min, sec, milliseconds)' 형식을 기반으로 지정된 날짜 및 시간에 따라 새 Date 객체를 생성할 수 있도록 합니다.

데이트하자 = 새로운 날짜 ( 2015년 , , 2 , 14 , 이십 , 30 , 9 ) ;

콘솔. 통나무 ( '날짜 = ' + 날짜 ) ;

위의 코드에서 날짜와 시간은 명시된 형식에 따라 지정됩니다.

산출

노드 메인. js

출력은 주어진 형식에 따라 지정된 날짜와 시간을 표시하는 새 객체를 생성합니다.

TypeScript에서 Date 객체의 메서드와 속성은 무엇입니까?

날짜 ” 개체는 아래에 나열된 다양한 메서드 및 속성과 함께 제공됩니다.

날짜 객체의 속성

원기 Date 개체에 속성 및 메서드를 추가하는 데 도움이 됩니다.
건설자 객체 프로토타입을 생성하는 함수로 사용됩니다.

날짜 개체의 메서드 가져오기 및 설정

getMonth() 현지 날짜를 기준으로 날짜에 지정된 월을 반환합니다.
getFullYear() 현지 시간에 따라 주어진 연도를 표시합니다.
getMinutes() 특정 날짜의 분을 지정합니다.
getMilliseconds() 주어진 날짜로부터 밀리초를 제공합니다.
getSeconds() 지정된 날짜에 따라 초 수를 제공합니다.
날짜 설정() 현지 시간을 기준으로 특정 날짜의 일/월을 설정합니다.
setHours() 날짜에 대해 원하는 시간을 지정합니다.
setMinutes() 지정된 날짜의 분을 설정합니다.
세컨드() 현지 시간을 기준으로 초 수를 설정합니다.
setYear() 현지 시간을 기준으로 필요한 연도를 설정합니다.

더 많은 방법을 보려면 주어진 튜토리얼 '을 따르십시오. 날짜 방법 참조 '.

TypeScript에서 날짜 개체를 사용하는 방법?

위 섹션에서 'Date' 개체 메서드 목록을 정의합니다. 이러한 메소드와 함께 Date 객체를 사용하여 실제 구현을 설명하겠습니다.

예 1: 특정 날짜, 월 및 연도 설정

이 예제에서는 'Date' 객체 'setdate()', 'setMonth()' 및 'setFullYear()' 메서드를 사용하여 지정된 날짜를 설정합니다.

암호

'.ts' 파일에 다음 코드 줄을 복사합니다.

데이트하자 : 날짜 = 새로운 날짜 ( ) ;

날짜. 날짜 설정 ( 5 ) ;

날짜. setMonth ( 열하나 ) ;

날짜. setFullYear ( 2014년 ) ;

콘솔. 통나무 ( '년 = ' + 날짜. getFullYear ( ) ) ;

콘솔. 통나무 ( '날짜 = ' + 날짜. getDate ( ) ) ;

콘솔. 통나무 ( '월 = ' + 날짜. getMonth ( ) )

콘솔. 통나무 ( ' 새 날짜 = ' + 날짜 ) ;

위의 코드 줄에서:

  • 먼저 ' 날짜 'new' 키워드와 'date' 변수에 저장된 'Date()' 생성자의 도움으로 개체를 생성합니다.
  • 다음으로 '날짜' 변수를 지정된 메서드와 하나씩 연결합니다. “ 날짜 설정() ” 메서드는 해당 월의 날짜를 설정하고 “ setMon() '는 월을 설정하고 ' setFullYear() ” 메서드는 연도를 설정합니다.
  • 그런 다음 'console.log()' 메서드를 사용하여 새 날짜를 표시합니다. getFullYear() ”, “ getDate() ', 그리고 ' getMonth() 방법.

산출

노드 메인. js

출력에서 Date 객체가 새로 설정된 날짜, 월 및 연도를 반환하는 것을 볼 수 있습니다.

예 2: 특정 시, 분, 초 설정

이 예제에서는 Date 객체의 'setHours()', 'setMinutes()' 및 'setSeconds()' 메서드를 사용하여 원하는 시간을 설정합니다.

데이트하자 : 날짜 = 새로운 날짜 ( ) ;

날짜. setHours ( 8 ) ;

날짜. setMinutes ( 12 ) ;

날짜. setSeconds ( 이십 ) ;

콘솔. 통나무 ( '시간 = ' + 날짜. getHours ( ) ) ;

콘솔. 통나무 ( '분 = ' + 날짜. getMinutes ( ) ) ;

콘솔. 통나무 ( '초 = ' + 날짜. getSeconds ( ) ) ;

콘솔. 통나무 ( '날짜 및 시간 = ' + 날짜 ) ;

위의 코드 조각에 따르면:

  • setHours() ” 메서드는 시간을 설정하고, “ setMinutes() ”는 회의록을 설정하고 “ 세컨드() ” 메서드는 각각 초 수를 설정합니다.
  • getHours() ”, “ getMinutes() ', 그리고 ' getSeconds() ” 메서드는 새로 설정된 시, 분, 초를 시간으로 반환합니다.

산출

노드 메인. js

출력에는 Date 개체 메서드를 사용하여 설정된 새 시간이 표시됩니다.

예 3: 로케일 규칙을 사용하여 현재 날짜 및 시간 가져오기

이 예제에서는 'toLocaleString()' 메서드를 사용하여 현재 날짜와 시간을 로컬 규칙으로 표시합니다.

데이트하자 = 새로운 날짜 ( ) ;

콘솔. 통나무 ( '날짜 및 시간 = ' + 날짜. toLocaleString ( ) ) ;

위의 코드 줄에서 'toLocaleString()' 메서드를 변수와 연결하여 현재 날짜의 언어 구분 표현이 포함된 문자열을 반환합니다.

산출

노드 메인. js

표시된 대로 출력에는 로컬 규칙을 사용하여 현재 날짜와 시간이 표시됩니다.

예 4: 반환 날짜 개체 기본 값

이 예는 ' 값의() ” Date 객체를 기본 값으로 반환하는 메서드:

데이트하자 = 새로운 날짜 ( ) ;

콘솔. 통나무 ( '날짜 및 시간 = ' + 날짜. 값의 ( ) ) ;

위 코드 스니펫에서 ' 값의() ” 메서드는 '1970년 1월 1일 UTC' 자정 이후 밀리초 단위로 Date 객체 출력을 반환합니다.

산출

노드 메인. js

여기서 결과는 Date 개체를 기본 값으로 반환합니다.

결론

TypeScript에서 ' 날짜 ” 개체는 로컬 시스템의 날짜와 시간에 해당합니다. 이 개체는 논의된 네 가지 기본 제공 메서드를 사용하여 원하는 출력을 표시하도록 만들 수 있습니다. 그 외에도 요구 사항에 따라 날짜 및 시간을 설정하고 가져오는 데 적용할 수 있는 메서드 목록도 제공합니다. 이 게시물은 TypeScript에서 Date 객체의 목적, 사용 및 실제 구현을 자세히 설명했습니다.