Изчерпателно ръководство за обект за дата в TypeScript

Izcerpatelno R Kovodstvo Za Obekt Za Data V Typescript



TypeScript е надмножеството на JavaScript, което идва с всички функции на JavaScript, както и с новите. Той има почти всички вградени методи и свойства на JavaScript за изпълнение на различни функции. Работата на всички тези методи, свойства и обекти е еднаква в TypeScript. Така че потребителят може да използва всеки от JavaScript обектите като TypeScript обект според изискванията.

Тази публикация илюстрира целта, употребата и практическата реализация на обекта Date в TypeScript.

Какво е обект за дата в TypeScript?

Дата ” обектът обозначава датата и часа. Този обект отпечатва по подразбиране датата и часа на локалната система. Той също така позволява на потребителите да задават конкретна дата и час (включително часова зона) на вашата система с помощта на своите предварително дефинирани методи.







Синтаксис



нека дата = нов Дата ( гггг, мм, дд )

В горния синтаксис ключовата дума „new“ създава обект „Date“, следващ зададения формат на датата (гггг(година), мм(месец), дд(дата)).



Нека започнем със създаването на обекта „Дата“.





Как да създадете обект за дата в TypeScript?

Дата ” е динамичен обект, който може да бъде имплементиран по различни начини, за да получите датата и часа според изискването. Този раздел съдържа всички възможни методи за създаване на обект „Дата“ за получаване на определената дата и час.

Да продължим с първия метод.



Метод 1: нова дата ()

По подразбиране, ако не е подадена стойност в конструктора „Date()“, той връща системната дата и час на потребителя:

нека дата = нов Дата ( ) ;

конзола. дневник ( 'Дата = ' + дата ) ;

В горния код:

  • дата ” променлива създава „ Дата ”, използвайки ключовата дума „new” и конструктора „Date()”.
  • console.log() ” показва стойността на променливата „date”, т.е. текущата дата и час с посочения оператор.

Изход

Компилирайте „ .ts ” с помощта на компилатора „tsc” и стартирайте генерирания компилиран файл с „ .js ” разширение с помощта на командата „node”:

tsc основен. ц

главен възел. js

Тук терминалът показва датата и часа на потребителската система, както и часовата зона.

Метод 2: нова дата (милисекунди)

„Новата дата (милисекунди)“ създава обект Date, който изчислява датата и часа от „0“ до броя на посочените милисекунди:

нека дата = нов Дата ( 6112346789 ) ;

конзола. дневник ( 'Дата = ' + дата ) ;

Тук конструкторът определя броя на милисекунди като параметър.

Изход

главен възел. js

Показаните по-горе дата и час са от “0” до “6112346789” милисекунди.

Метод 3: нова дата (“datestring”)

Този метод приема указаната дата във формат 'гг-мм-дд' като низ и я показва като новата дата:

нека дата = нов Дата ( '2016-02-18' ) ;

конзола. дневник ( 'Дата = ' + дата ) ;

Тук обектът „Дата“ приема посочената дата като низ, ограден в двойни кавички.

Изход

главен възел. js

Терминалът показва новосъздадения обект Date.

Метод 4: нова дата (година, месец, дата, час, минута, секунда, милисекунда):

Последният метод позволява на потребителите да създадат нов обект Date според определената дата и час въз основа на формата „(гг, мм, дд, чч, мин, сек, милисекунди)“:

нека дата = нов Дата ( 2015 г , 3 , 2 , 14 , двадесет , 30 , 9 ) ;

конзола. дневник ( 'Дата = ' + дата ) ;

В горния код датата и часът са посочени в съответствие с посочения формат.

Изход

главен възел. js

Резултатът създава нов обект, показващ зададената дата и час въз основа на дадения формат.

Какви са методите и свойствата на обекта Date в TypeScript?

Дата ” обект идва с широк набор от методи и свойства, които са изброени по-долу:

Свойства на обекта за дата

прототип Помага при добавянето на свойства и методи към обекта Date.
конструктор Използва се като функция, която създава прототипа на обекта.

Методи за получаване и задаване на обект за дата

getMonth() Връща месеца, посочен в датата, въз основа на местната дата.
getFullYear() Показва дадената година според местното време.
getMinutes() Посочва минутите от конкретната дата.
getMilliseconds() Той предоставя милисекунди от дадената дата.
getSeconds() Той дава броя на секундите според посочената дата.
setDate() Той задава деня/датата от месеца за конкретната дата въз основа на местното време.
setHours() Той определя желаните часове за датата.
setMinutes() Задава минутите за определената дата.
setSeconds() Той задава броя на секундите въз основа на местното време.
setYear() Той задава необходимата година въз основа на местното време.

За повече методи следвайте дадения урок ' Справочник за методи за дата ”.

Как да използвам обект за дата в TypeScript?

Тъй като горният раздел дефинира списък с методи на обект „Дата“. Нека използваме обекта Date с тези методи, за да обясним практическата му реализация.

Пример 1: Задайте конкретна дата, месец и година

Този пример използва методите на обекта „Дата“ „setdate()“, „setMonth()“ и „setFullYear()“, за да зададе определената дата.

Код

Копирайте тези кодови редове във файла „.ts“:

нека дата : Дата = нов Дата ( ) ;

дата. setDate ( 5 ) ;

дата. setMonth ( единадесет ) ;

дата. setFullYear ( 2014 г ) ;

конзола. дневник ( 'Година =' + дата. getFullYear ( ) ) ;

конзола. дневник ( 'Дата = ' + дата. getDate ( ) ) ;

конзола. дневник ( 'Месец =' + дата. getMonth ( ) )

конзола. дневник ( ' Нова дата = ' + дата ) ;

В горните редове код:

  • Първо създайте „ Дата ” с помощта на ключовата дума „new” и конструктора „Date()”, съхранен в променливата „date”.
  • След това свържете променливата „date“ с посочените методи един по един. „ setDate() ” задава датата на месеца, “ setMonth() ” задава месеца, а „ setFullYear() ” метод задава годината.
  • След това покажете новата дата с помощта на метода „console.log()“, като използвате „ getFullYear() ”, “ getDate() ', и ' getMonth() ” методи.

Изход

главен възел. js

Вижда се в изхода, че обектът Date връща новозададените дата, месец и година.

Пример 2: Задаване на конкретни часове, минути и секунди

Този пример използва методите „setHours()“, „setMinutes()“ и „setSeconds()“ на обекта Date, за да зададе желаното време:

нека дата : Дата = нов Дата ( ) ;

дата. setHours ( 8 ) ;

дата. setMinutes ( 12 ) ;

дата. setSeconds ( двадесет ) ;

конзола. дневник ( 'Часове = ' + дата. getHours ( ) ) ;

конзола. дневник ( „Минути =“ + дата. getMinutes ( ) ) ;

конзола. дневник ( „Секунди =“ + дата. getSeconds ( ) ) ;

конзола. дневник ( „Дата и час =“ + дата ) ;

Според горния кодов фрагмент:

  • setHours() ' метод задава броя на часовете, ' setMinutes() ” задава минути и „ setSeconds() ” задава съответно броя секунди.
  • getHours() ”, “ getMinutes() ', и ' getSeconds() ” методите връщат новозададените часове, минути и секунди като време.

Изход

главен възел. js

Резултатът показва новото време, зададено с помощта на методите на обект Date.

Пример 3: Вземете текущата дата и час с помощта на локални конвенции

Този пример използва метода “toLocaleString()” за показване на текущата дата и час като местна конвенция:

нека дата = нов Дата ( ) ;

конзола. дневник ( 'Дата и час = ' + дата. toLocaleString ( ) ) ;

В горните редове от код свържете метода „toLocaleString()“ с променливата, за да върнете низ с чувствително към езика представяне на текущата дата.

Изход

главен възел. js

Както се вижда, изходът показва текущите дата и час, използвайки местна конвенция.

Пример 4: Примитивна стойност на обект за дата на връщане

Този пример прилага „ стойност на() ” за връщане на обекта Date като примитивна стойност:

нека дата = нов Дата ( ) ;

конзола. дневник ( „Дата и час =“ + дата. стойност на ( ) ) ;

В горния кодов фрагмент „ стойност на() ” метод връща изхода на обект Date в милисекунди от полунощ „1 януари 1970 г., UTC”.

Изход

главен възел. js

Тук резултатите връщат обекта Date като примитивна стойност.

Заключение

В TypeScript, „ Дата ” съответства на датата и часа на локалната система. Този обект може да бъде създаден за показване на желания резултат с помощта на обсъжданите четири вградени метода. Освен това, той също така предоставя списък с методи, които могат да бъдат приложени за задаване и получаване на дата и час според изискванията. Тази публикация подробно илюстрира целта, употребата и практическото внедряване на обекта Date в TypeScript.