Samouczek JS

JS DOM Wprowadzenie do JS JS Dokąd Wyjście JS Oświadczenia JS Składnia JS Komentarze JS Zmienne JS JS Let JS Const Operatorzy JS Arytmetyka JS Zadanie JS Typy danych JS Funkcje JS Obiekty JS Wydarzenia JS JS Strings Metody ciągów JS Wyszukiwanie ciągów JS Szablony JS String Numery JS Metody liczbowe JS Tablice JS Metody macierzowe JS Sortowanie tablic JS Iteracja tablicy JS JS Array Const JS Daty Formaty daty JS JS Data Pobierz metody Metody ustawiania daty JS Matematyka JS JS losowo JS Booleans Porównania JS Warunki JS Przełącznik JS Pętla JS dla Pętla JS dla In Pętla JS dla Of Pętla JS, podczas gdy Przerwa JS Iterable JS Zestawy JS Mapy JS Typ JS Konwersja typu JS JS Bitwise JS RegExp Błędy JS Zakres JS JS Podnoszenie Tryb ścisły JS JS to słowo kluczowe Funkcja strzałki JS Klasy JS JS JSON Debugowanie JS Przewodnik po stylu JS Najlepsze praktyki JS Błędy JS Wydajność JS JS słowa zastrzeżone

Wersje JS

Wersje JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Krawędź Historia JS

Obiekty JS

Definicje obiektów Właściwości obiektu Metody obiektowe Wyświetlanie obiektów Akcesoria do obiektów Konstruktorzy obiektów Prototypy obiektów Iterowalne obiekty Zestawy obiektów Mapy obiektów Odniesienie do obiektu

Funkcje JS

Definicje funkcji Parametry funkcji Wywołanie funkcji Wywołanie funkcji Funkcja Zastosuj Zamknięcia funkcji

Klasy JS

Wprowadzenie do zajęć Dziedziczenie klas Klasa statyczna

JS Async

Oddzwaniania JS Asynchroniczny JS JS Obietnice JS Async/Oczekiwanie

JS HTML DOM

Wprowadzenie do DOM Metody DOM Dokument DOM Elementy DOM DOM HTML Formularze DOM DOM CSS Animacje DOM Wydarzenia DOM Odbiornik zdarzeń DOM Nawigacja DOM Węzły DOM Kolekcje DOM Listy węzłów DOM

Zestawienie komponentów przeglądarki JS

Okno JS Ekran JS Lokalizacja JS Historia JS JS Navigator Wyskakujący alert JS Czas JS Pliki cookie JS

JS Web API

Wprowadzenie do internetowego interfejsu API Interfejs API formularzy internetowych Interfejs API historii online API przechowywania danych w sieci Web Web Worker API Internetowy interfejs API pobierania Internetowy interfejs API geolokalizacji

JS AJAX

Wprowadzenie do AJAX AJAX XMLHttp Żądanie AJAX Odpowiedź AJAX Plik XML AJAX AJAX PHP ASP AJAX Baza danych AJAX Aplikacje AJAX Przykłady AJAX

JS JSON

Wprowadzenie do JSON Składnia JSON JSON a XML Typy danych JSON Analiza JSON JSON Obiekty JSON Tablice JSON Serwer JSON JSON PHP JSON HTML JSON JSONP

JS kontra jQuery

Selektory jQuery jQuery HTML jQuery CSS jQuery DOM

Grafika JS

Grafika JS JS płótno JS Działka JS Chart.js Wykres JS Google JS D3.js

Przykłady JS

Przykłady JS JS HTML DOM Wejście JS HTML Obiekty HTML JS Wydarzenia JS HTML Przeglądarka JS Edytor JS Ćwiczenia JS JS Quiz Certyfikat JS

Referencje JS

Obiekty JavaScript Obiekty HTML DOM


Obiekty daty JavaScript


JavaScript Date Object pozwala nam pracować z datami:

sob 29 stycznia 2022 23:28:55 GMT+0000 (uniwersalny czas koordynowany)

Przykład

const d = new Date();

Wyjście daty JavaScript

Domyślnie JavaScript użyje strefy czasowej przeglądarki i wyświetli datę jako pełny ciąg tekstowy:

sob 29 stycznia 2022 23:28:55 GMT+0000 (uniwersalny czas koordynowany)

W dalszej części tego samouczka dowiesz się znacznie więcej o wyświetlaniu dat.


Tworzenie obiektów daty

Obiekty Date są tworzone za pomocą new Date()konstruktora.

Istnieją 4 sposoby tworzenia nowego obiektu daty:

new Date()
new Date(year, month, day, hours, minutes, seconds, milliseconds)
new Date(milliseconds)
new Date(date string)

Nowa data()

new Date()tworzy nowy obiekt daty z bieżącą datą i godziną :

Przykład

const d = new Date();

Obiekty daty są statyczne. Czas komputera tyka, ale obiekty daty nie.


nowa Data( rok, miesiąc, ... )

new Date(year, month, ...)tworzy nowy obiekt daty z określoną datą i godziną .

7 liczb określa rok, miesiąc, dzień, godzinę, minutę, sekundę i milisekundę (w tej kolejności):

Przykład

const d = new Date(2018, 11, 24, 10, 33, 30, 0);

Uwaga: JavaScript liczy miesiące od 0 do 11 :

styczeń = 0 .

grudzień = 11 .

Określenie miesiąca wyższego niż 11 nie spowoduje błędu, ale doda przepełnienie do następnego roku:

Określanie:

const d = new Date(2018, 15, 24, 10, 33, 30);

Jest taki sam jak:

const d = new Date(2019, 3, 24, 10, 33, 30);

Określenie dnia wyższego niż max nie spowoduje błędu, ale doda przepełnienie do następnego miesiąca:

Określanie:

const d = new Date(2018, 5, 35, 10, 33, 30);

Jest taki sam jak:

const d = new Date(2018, 6, 5, 10, 33, 30);

Korzystanie z 6, 4, 3 lub 2 liczb

6 liczb określa rok, miesiąc, dzień, godzinę, minutę, sekundę:

Przykład

const d = new Date(2018, 11, 24, 10, 33, 30);

5 liczb określa rok, miesiąc, dzień, godzinę i minutę:

Przykład

const d = new Date(2018, 11, 24, 10, 33);

4 cyfry określają rok, miesiąc, dzień i godzinę:

Przykład

const d = new Date(2018, 11, 24, 10);

3 cyfry określają rok, miesiąc i dzień:

Przykład

const d = new Date(2018, 11, 24);

2 cyfry określają rok i miesiąc:

Przykład

const d = new Date(2018, 11);

Nie możesz pominąć miesiąca. Jeśli podasz tylko jeden parametr, zostanie on potraktowany jako milisekundy.

Przykład

const d = new Date(2018);

Poprzedni wiek

Jedno- i dwucyfrowe lata będą interpretowane jako 19xx:

Przykład

const d = new Date(99, 11, 24);

Przykład

const d = new Date(9, 11, 24);

nowa Data( Ciąg daty )

new Date(dateString)tworzy nowy obiekt daty z ciągu daty :

Przykład

const d = new Date("October 13, 2014 11:13:00");

Ciągi dat są opisane w następnym rozdziale.


JavaScript przechowuje daty w milisekundach

JavaScript przechowuje daty jako liczbę milisekund od 1 stycznia 1970, 00:00:00 UTC (Universal Time Coordinated).

Czas zero to 01 stycznia 1970 00:00:00 UTC.

Teraz czas to: 1643498935830 milisekund po 1 stycznia 1970


nowa data ( milisekundy )

new Date(milliseconds)tworzy nowy obiekt daty jako czas zero plus milisekundy :

Przykład

const d = new Date(0);

01 stycznia 1970 plus 100 000 000 000 milisekund to około 03 marca 1973:

Przykład

const d = new Date(100000000000);

01 stycznia 1970 minus 100 000 000 000 milisekund to około 31 października 1966:

Przykład

const d = new Date(-100000000000);

Przykład

const d = new Date(86400000);

Jeden dzień (24 godziny) to 86 400 000 milisekund.



Metody daty

Gdy tworzony jest obiekt Date, wiele metod umożliwia operowanie na nim.

Metody daty umożliwiają pobieranie i ustawianie roku, miesiąca, dnia, godziny, minuty, sekundy i milisekundy obiektów daty przy użyciu czasu lokalnego lub czasu UTC (uniwersalnego lub GMT).

Metody dat i strefy czasowe zostały omówione w kolejnych rozdziałach.


Wyświetlanie dat

JavaScript będzie (domyślnie) wyświetlał daty w formacie pełnego tekstu:

Przykład

Sat Jan 29 2022 23:28:55 GMT+0000 (Coordinated Universal Time)

Kiedy wyświetlasz obiekt daty w HTML, jest on automatycznie konwertowany na ciąg za pomocą toString()metody.

Przykład

const d = new Date();
d.toString();

Metoda toUTCString()konwertuje datę na ciąg UTC (standard wyświetlania daty).

Przykład

const d = new Date();
d.toUTCString();

Metoda toDateString()konwertuje datę na bardziej czytelny format:

Przykład

const d = new Date();
d.toDateString();

Metoda toISOString()konwertuje obiekt Date na ciąg znaków przy użyciu standardowego formatu ISO:

Przykład

const d = new Date();
d.toISOString();

Pełne odniesienie do daty JavaScript

Aby uzyskać pełne odniesienie do daty, przejdź do naszego:

Pełne odniesienie do daty JavaScript .

Odwołanie zawiera opisy i przykłady wszystkich właściwości i metod Date.