Ten post ilustruje cel, zastosowanie i praktyczną implementację obiektu Date w TypeScript.
Co to jest obiekt daty w TypeScript?
„ Data ” oznacza datę i godzinę. Ten obiekt domyślnie drukuje datę i godzinę systemu lokalnego. Pozwala także użytkownikom ustawić określoną datę i godzinę (w tym strefę czasową) twojego systemu za pomocą predefiniowanych metod.
Składnia
niech data = nowy Data ( rrrr, mm, dd )
W powyższej składni słowo kluczowe „new” tworzy obiekt „Date” zgodnie z określonym formatem daty (rrrr(rok), mm(miesiąc), dd(data)).
Zacznijmy od stworzenia Obiektu „Data”.
Jak utworzyć obiekt daty w TypeScript?
„ Data ” to dynamiczny obiekt, który można zaimplementować na różne sposoby, aby uzyskać datę i godzinę zgodnie z wymaganiami. Ta sekcja zawiera wszystkie możliwe metody tworzenia obiektu „Date” w celu uzyskania określonej daty i godziny.
Przejdźmy do pierwszej metody.
Metoda 1: nowa data()
Domyślnie, jeśli w konstruktorze „Date()” nie zostanie przekazana żadna wartość, zwraca on datę i godzinę systemową użytkownika:
niech data = nowy Data ( ) ;konsola. dziennik ( 'Data = ' + data ) ;
W powyższym kodzie:
- „ data ”zmienna tworzy” Data ” za pomocą słowa kluczowego „new” i konstruktora „Date()”.
- „ log.konsoli() ” wyświetla wartość zmiennej „data”, tj. aktualną datę i czas z określoną instrukcją.
Wyjście
Skompiluj „ ts ” za pomocą kompilatora „tsc” i uruchom wygenerowany skompilowany plik mający „ .js ” za pomocą polecenia „node”:
tsc główny. tswęzeł główny. js
Tutaj terminal pokazuje datę i godzinę systemu użytkownika oraz strefę czasową.
Metoda 2: nowa data (milisekundy)
„Nowa data (milisekundy)” tworzy obiekt Date, który oblicza datę i godzinę od „0” do określonej liczby milisekund:
niech data = nowy Data ( 6112346789 ) ;konsola. dziennik ( 'Data = ' + data ) ;
Tutaj konstruktor określa liczbę milisekund jako parametr.
Wyjście
węzeł główny. js
Powyżej wyświetlana data i godzina mają zakres od „0” do „6112346789” milisekund.
Metoda 3: nowa data („ciąg daty”)
Ta metoda przyjmuje określoną datę w formacie „rr-mm-dd” jako ciąg znaków i wyświetla ją jako nową datę:
niech data = nowy Data ( '2016-02-18' ) ;konsola. dziennik ( 'Data = ' + data ) ;
Tutaj obiekt „Date” przyjmuje określoną datę jako ciąg znaków ujęty w podwójne cudzysłowy.
Wyjście
węzeł główny. js
Terminal pokazuje nowo utworzony obiekt Date.
Metoda 4: nowa data (rok, miesiąc, data, godzina, minuta, sekunda, milisekunda):
Ostatnia metoda pozwala użytkownikom na utworzenie nowego obiektu Date zgodnie z określoną datą i czasem na podstawie formatu „(rr, mm, dd, hh, min, sec, milisekundy)”:
niech data = nowy Data ( 2015 , 3 , 2 , 14 , 20 , 30 , 9 ) ;konsola. dziennik ( 'Data = ' + data ) ;
W powyższym kodzie data i godzina są określone zgodnie z podanym formatem.
Wyjście
węzeł główny. js
Dane wyjściowe tworzą nowy obiekt wyświetlający określoną datę i godzinę na podstawie podanego formatu.
Jakie są metody i właściwości obiektu Date w TypeScript?
„ Data ” zawiera szeroki zakres metod i właściwości, które są wymienione poniżej:
Właściwości obiektu daty
prototyp | Pomaga w dodawaniu właściwości i metod do obiektu Date. |
konstruktor | Jest używany jako funkcja tworząca prototyp obiektu. |
Pobieranie i ustawianie metod obiektu Date
pobierz miesiąc() | Zwraca miesiąc określony w dacie na podstawie daty lokalnej. |
pobierzPełnyRok() | Wyświetla dany rok zgodnie z czasem lokalnym. |
pobierz minuty() | Określa minuty od określonej daty. |
pobierz milisekundy() | Podaje milisekundy od podanej daty. |
getSeconds() | Podaje liczbę sekund według podanej daty. |
ustawić datę() | Ustawia dzień/datę miesiąca dla określonej daty w oparciu o czas lokalny. |
ustaw Godziny() | Określa żądane godziny dla daty. |
ustaw minuty() | Ustawia minuty dla określonej daty. |
setSeconds() | Ustawia liczbę sekund na podstawie czasu lokalnego. |
zestawRok() | Ustawia wymagany rok na podstawie czasu lokalnego. |
Aby uzyskać więcej metod, postępuj zgodnie z podanym samouczkiem „ Odniesienie do metod datowania ”.
Jak używać obiektu daty w TypeScript?
Ponieważ powyższa sekcja definiuje listę metod obiektowych „Data”. Użyjmy obiektu Date z tymi metodami, aby wyjaśnić jego praktyczną implementację.
Przykład 1: Ustaw określoną datę, miesiąc i rok
W tym przykładzie zastosowano metody „setdate()”, „setMonth()” i „setFullYear()” obiektu „Date” w celu ustawienia określonej daty.
Kod
Skopiuj te linie kodu do pliku „.ts”:
niech data : Data = nowy Data ( ) ;data. ustawić datę ( 5 ) ;
data. ustaw Miesiąc ( jedenaście ) ;
data. ustaw pełny rok ( 2014 ) ;
konsola. dziennik ( 'Rok = ' + data. pobierz cały rok ( ) ) ;
konsola. dziennik ( 'Data = ' + data. pobierzDate ( ) ) ;
konsola. dziennik ( 'Miesiąc = ' + data. getMiesiąc ( ) )
konsola. dziennik ( ' Nowa data = ' + data ) ;
W powyższych liniach kodu:
- Najpierw utwórz „ Data ” za pomocą słowa kluczowego „new” i konstruktora „Date()” przechowywanego w zmiennej „date”.
- Następnie powiąż zmienną „data” z określonymi metodami jedna po drugiej. „ ustawić datę() ” ustawia datę miesiąca, „ ustaw Miesiąc() ” ustawia miesiąc, a „ ustawPełnyRok() ” ustawia rok.
- Następnie wyświetl nową datę za pomocą metody „console.log()” używając metody „ pobierzPełnyRok() ”, „ pobierzDate() ', I ' pobierz miesiąc() metody.
Wyjście
węzeł główny. js
Na wyjściu widać, że obiekt Date zwraca nowo ustawioną datę, miesiąc i rok.
Przykład 2: Ustaw określone godziny, minuty i sekundy
W tym przykładzie zastosowano metody „setHours()”, „setMinutes()” i „setSeconds()” obiektu Date w celu ustawienia żądanej godziny:
niech data : Data = nowy Data ( ) ;data. ustaw godziny ( 8 ) ;
data. ustaw minuty ( 12 ) ;
data. setSeconds ( 20 ) ;
konsola. dziennik ( 'Godziny = ' + data. getHours ( ) ) ;
konsola. dziennik ( „minuty =” + data. pobierz minuty ( ) ) ;
konsola. dziennik ( 'Sekundy = ' + data. getSeconds ( ) ) ;
konsola. dziennik ( „Data i godzina =” + data ) ;
Zgodnie z powyższym fragmentem kodu:
- „ ustaw Godziny() ” metoda ustawia liczbę godzin, „ ustaw minuty() ” ustawia minuty, a „ setSeconds() ” ustawia odpowiednio liczbę sekund.
- „ getHours() ”, „ pobierz minuty() ', I ' getSeconds() ” zwracają nowo ustawione godziny, minuty i sekundy jako czas.
Wyjście
węzeł główny. js
Dane wyjściowe pokazują nowy czas ustawiony przy użyciu metod obiektu Date.
Przykład 3: Uzyskaj bieżącą datę i godzinę przy użyciu konwencji regionalnych
W tym przykładzie użyto metody „toLocaleString()” do wyświetlenia bieżącej daty i godziny zgodnie z lokalną konwencją:
niech data = nowy Data ( ) ;konsola. dziennik ( „Data i godzina =” + data. toLocaleString ( ) ) ;
W powyższych wierszach kodu połącz metodę „toLocaleString()” ze zmienną, aby zwrócić ciąg z reprezentacją bieżącej daty z uwzględnieniem języka.
Wyjście
węzeł główny. js
Jak widać, dane wyjściowe pokazują bieżącą datę i godzinę zgodnie z lokalną konwencją.
Przykład 4: Pierwotna wartość obiektu Data zwrotu
W tym przykładzie zastosowano „ wartość() ”, aby zwrócić obiekt Date jako wartość pierwotną:
niech data = nowy Data ( ) ;konsola. dziennik ( „Data i godzina =” + data. wartość ( ) ) ;
W powyższym fragmencie kodu „ wartość() ” zwraca dane wyjściowe obiektu Date w milisekundach od północy „1 stycznia 1970 r. UTC”.
Wyjście
węzeł główny. js
Tutaj wyniki zwracają obiekt Date jako wartość pierwotną.
Wniosek
W TypeScript „ Data ” odpowiada dacie i godzinie systemu lokalnego. Obiekt ten można utworzyć w celu wyświetlenia pożądanego wyjścia za pomocą omówionych czterech wbudowanych metod. Oprócz tego zawiera również listę metod, które można zastosować do ustawienia i uzyskania daty i godziny zgodnie z wymaganiami. Ten post dogłębnie zilustrował cel, użycie i praktyczną implementację obiektu Date w TypeScript.