Wprowadzenie do dat i godzin w JavaScript

Praca z datami to ważny aspekt programowania. Wbudowany obiekt date służy do pracy z datami i godzinami w JavaScript. Różne metody obiektu daty znacznie ułatwiają zadanie podczas pracy z datami i godzinami.

W tym artykule dowiesz się wszystkiego, co musisz wiedzieć o pracy z datami w JavaScript. Więc bez zbędnych ceregieli wskoczmy.

Jak tworzyć obiekty daty

Możesz utworzyć obiekt daty w JavaScript na cztery sposoby:

1. Nowa data()

ten Nowa data() konstruktor tworzy obiekt daty z bieżącą datą i godziną.

niech d = nowa Data();
console.log (d);

Wyjście:

Mon Jan 03 2022 20:27:58 GMT+0530 (Indyjski czas standardowy)

2. nowa data (ciąg dat)

ten nowa data (ciąg dat) Konstruktor tworzy obiekt daty z ciągu daty.

let d = new Date("2022-01-01");
console.log (d);

Wyjście:

Sobota 01 stycznia 2022 05:30:00 GMT+0530 (Indyjski czas standardowy)

3. nowa data (milisekundy)

ten nowa data (milisekundy) Konstruktor tworzy obiekt daty, dodając milisekundy do czasu zerowego. Parametr reprezentuje czas, który minął w milisekundach od 1 stycznia 1970 UTC.

niech d1 = nowa Data (0);
console.log (d1);
niech d2 = nowa Data (973436457364);
console.log (d2);

Wyjście:

Thu Jan 01 1970 05:30:00 GMT+0530 (Indyjski czas standardowy)
Niedziela 05.11.2000 20:30:57 GMT+0530 (Indyjski czas standardowy)

4. nowa Data (rok, miesiąc, dzień, godziny, minuty, sekundy, milisekundy)

ten nowa Data (rok, miesiąc, dzień, godziny, minuty, sekundy, milisekundy) Konstruktor tworzy obiekt daty z określoną datą i godziną. Siedem parametrów określa odpowiednio rok, miesiąc, dzień, godziny, minuty, sekundy i milisekundy.

niech d = nowa Data (2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Wyjście:

Środa 11.11.2020 15:29:46 GMT+0530 (Indyjski czas standardowy)

Możesz także utworzyć obiekt daty z sześcioma, czterema, trzema lub dwoma parametrami.

a) Sześć parametrów określa rok, miesiąc, dzień, godzinę, minutę i sekundę.

b) Pięć parametrów określa rok, miesiąc, dzień, godzinę i minutę.

c) Cztery parametry określają rok, miesiąc, dzień i godzinę.

d) Trzy parametry określają rok, miesiąc i dzień.

e) Dwa parametry określają rok i miesiąc.

Notatka:

• JavaScript liczy miesiące od 0 do 11, tj. styczeń jest reprezentowany przez 0, a grudzień jest reprezentowany przez 11.
• Jeśli określisz wartości spoza zakresu w obiekcie Date, zamiast tego nie zgłosi on błędu, ale automatycznie poprawi się.

// Marzec nie ma 40 dni, przepełnienie jest automatycznie korygowane
niech d = nowa Data (2020, 2, 40);
console.log (d);

Wyjście:

Thu Apr 09 2020 00:00:00 GMT+0530 (Indyjski czas standardowy)

JavaScript Data Pobierz metody

Aby uzyskać informacje z obiektu daty, możesz użyć następujących metod.

1. pobierzPełnyRok()

Ta metoda zwraca rok jako czterocyfrową liczbę (rrrr) zgodnie z czasem lokalnym.

niech d = nowa Data();
console.log (d.getFullYear());

Wyjście:

2022

2. pobierz miesiąc()

Ta metoda zwraca miesiąc jako liczbę (0-11) zgodnie z czasem lokalnym.

niech d = nowa Data();
console.log (d.getMonth());

Wyjście:

0

3. pobierzDatę()

Ta metoda zwraca dzień jako liczbę (1-31) według czasu lokalnego.

niech d = nowa Data();
console.log (d.getDate());

Wyjście:

3

Związane z: Wprowadzenie do typów danych w JavaScript

4. pobierzGodziny()

Ta metoda zwraca godzinę (0-23) zgodnie z czasem lokalnym.

niech d = nowa Data();
console.log (d.getHours());

Wyjście:

22

5. pobierzMinuty()

Ta metoda zwraca minutę (0-59) zgodnie z czasem lokalnym.

niech d = nowa Data();
console.log (d.getMinutes());

Wyjście:

40

6. pobierz sekundy()

Ta metoda zwraca sekundę (0-59) zgodnie z czasem lokalnym.

niech d = nowa Data();
console.log (d.getSeconds());

Wyjście:

30

7. pobierzMilisekundy()

Ta metoda zwraca milisekundę (0-999) zgodnie z czasem lokalnym.

niech d = nowa Data();
console.log (d.getMilliseconds());

Wyjście:

55

Związane z: Jednolinijkowe teksty JavaScript, które powinieneś wiedzieć

8. uzyskać czas()

Ta metoda zwraca czas w milisekundach od 1 stycznia 1970 r.

niech d = nowa Data();
console.log (d.getTime());

Wyjście:

1641230088884

9. pobierzDzień()

Ta metoda zwraca dzień tygodnia jako liczbę (0-6) zgodnie z czasem lokalnym.

niech d = nowa Data();
console.log (d.getDay());

Wyjście:

1

Notatka: Jeśli chcesz pracować z datami UTC, możesz użyć następujących metod dat: pobierzUTCDate()​​​​​​​, pobierzUTCday(), pobierzUTCPełnyRok()​​​​​​​, pobierzUTCHours(), pobierzUTCMmilisekundy(), getUTCMinutes(), pobierz miesiąc_UTC(), oraz pobierzUTCSeconds().

Metody ustawiania daty w JavaScript

Możesz użyć następujących metod, aby ustawić część obiektu daty.

1. ustawić datę()

Ta metoda ustawia dzień jako liczbę (1-31) dla określonej daty zgodnie z czasem lokalnym.

niech d = nowa Data();
d.ustawDatę (20);
console.log (d);

Wyjście:

Thu Jan 20 2022 22:58:59 GMT+0530 (Indyjski czas standardowy)

Związane z: Metody matematyczne JavaScript, które powinieneś dziś opanować

2. ustaw pełny rok()

Ta metoda ustawia rok dla określonej daty zgodnie z czasem lokalnym.

niech d = nowa Data();
d.ustawPełnyRok (2016);
console.log (d);

Wyjście:

Niedziela Sty 03 2016 23:00:41 GMT+0530 (Indyjski czas standardowy)

3. ustawGodziny()

Ta metoda ustawia godzinę (0-23) dla określonej daty zgodnie z czasem lokalnym.

niech d = nowa Data();
d.setGodziny (15);
console.log (d);

Wyjście:

Mon Jan 03 2022 15:02:01 GMT+0530 (Indyjski czas standardowy)

Związane z: Jak zbudować prosty kalkulator za pomocą HTML, CSS i JavaScript

4. ustawMilisekundy()

Ta metoda ustawia milisekundy (0-999) dla określonej daty zgodnie z czasem lokalnym.

niech d = nowa Data();
d.setMilisekundy (548);
console.log (d);

Wyjście:

Pon. Sty 03. 2022 23:04:13 GMT+0530 (Indyjski czas standardowy)

Podobnie możesz użyć setMinutes(), setMonth(), oraz setSeconds() metody ustawiania minut (0-59), miesiąca (0-11) i sekund (0-59) odpowiednio dla określonej daty zgodnie z czasem lokalnym.

Przykład aktualnego czasu JavaScript

Prosty przykład do wydrukowania aktualnego czasu systemu:

Jeśli chcesz zapoznać się z pełnym kodem źródłowym użytym w tym artykule, oto Repozytorium GitHub.​​​​​​​

Twórz projekty przy użyciu pojęć związanych z datami w JavaScript

Podczas pracy w rzeczywistych aplikacjach napotkasz wiele wystąpień dat JavaScript. Jeśli chcesz zacząć od prostego projektu i zdobyć praktyczne doświadczenie, możesz opracować zegar cyfrowy za pomocą HTML, CSS i JavaScript. Oprócz dat nauczysz się także kilku ważnych pojęć JavaScript, takich jak praca ze zmiennymi, używanie funkcji, dostęp i dodawanie właściwości do DOM i nie tylko.

Jak stworzyć zegar cyfrowy za pomocą HTML, CSS i JavaScript

Czy kodujesz, dopóki ćwierkające ptaki nie poinformują cię, że jest rano? Śledź czas dzięki temu niestandardowemu zegarowi.

Czytaj dalej

O autorze