Тази публикация илюстрира целта, употребата и практическата реализация на обекта 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.