JavaScript Academy · Lekcja

Tworzenie i odczytywanie dat

Proszę tworzyć obiekty Date i odczytywać ich składniki.

Tworzenie i odczytywanie dat to bezpłatna lekcja JavaScript Academy na CoddyKit. To lekcja 1 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej JavaScript Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs JavaScript Academy zawiera 4 lekcji w sumie.

Obiekt Date

Obiekt Date reprezentuje pojedynczy moment w czasie. Tworzy się go za pomocą konstruktora Date z użyciem new.

const now = new Date()
console.log(now instanceof Date)

Bieżąca data

Wywołanie new Date bez argumentów zapisuje bieżący moment zgodnie z zegarem systemowym.

const now = new Date()
console.log(typeof now.getTime())

Z ciągu znaków daty

Datę można utworzyć na podstawie ciągu znaków w formacie ISO. Rok, miesiąc i dzień są odczytywane z tego tekstu.

const d = new Date("2024-03-15")
console.log(d.getFullYear())

Z poszczególnych składników

Można przekazać poszczególne składniki: rok, miesiąc i dzień, a opcjonalnie także godziny i minuty. Należy pamiętać, że argument miesiąca jest indeksowany od zera.

const d = new Date(2024, 0, 15)
console.log(d.getFullYear())
console.log(d.getDate())

getFullYear

getFullYear zwraca rok w postaci czterech cyfr. Zawsze należy używać tej metody zamiast przestarzałej getYear.

const d = new Date("2024-07-04")
console.log(d.getFullYear())

getMonth jest indeksowane od zera

getMonth zwraca liczbę od 0 do 11, gdzie 0 oznacza styczeń, a 11 grudzień. Jest to częsta przyczyna błędów o jeden.

const d = new Date("2024-07-04")
console.log(d.getMonth())

Konwertowanie miesiąca na nazwę

Ponieważ miesiące są indeksowane od zera, za pomocą getMonth można bezpośrednio odwołać się do elementu tablicy nazw.

const names = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
const d = new Date(2024, 6, 4)
console.log(names[d.getMonth()])

getDate i getDay

getDate zwraca dzień miesiąca od 1 do 31, natomiast getDay zwraca dzień tygodnia od 0 dla niedzieli do 6 dla soboty. Nie należy mylić tych metod.

const d = new Date(2024, 0, 1)
console.log(d.getDate())
console.log(d.getDay())

Składniki czasu

Użyj getHours, getMinutes i getSeconds, aby odczytać część daty odpowiadającą za czas.

const d = new Date(2024, 0, 1, 9, 30, 15)
console.log(d.getHours())
console.log(d.getMinutes())
console.log(d.getSeconds())

Tworzenie czytelnego ciągu znaków

Połącz metody pobierające, aby ręcznie sformatować datę, pamiętając o dodaniu jedynki do miesiąca.

const d = new Date(2024, 6, 4)
const text = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate()
console.log(text)

Nieprawidłowe daty

Ciąg znaków daty, którego nie można przetworzyć, tworzy wartość Invalid Date, której czas wynosi NaN. Aby ją wykryć, sprawdź wynik getTime za pomocą Number.isNaN.

const bad = new Date("not a date")
console.log(Number.isNaN(bad.getTime()))

Szybki test

Sprawdź swoją wiedzę na temat odczytywania dat.

Podsumowanie

Podsumowanie: Obiekty Date przechowują moment w czasie.

new Date bez argumentów oznacza bieżący moment
getMonth jest indeksowane od zera
getDate zwraca dzień miesiąca, a getDay dzień tygodnia
Nieprawidłowe daty mają czas równy NaN

const d = new Date(2024, 0, 15)
console.log(d.getMonth())

Często zadawane pytania

Czy lekcja „Tworzenie i odczytywanie dat” jest bezpłatna?

Tak — pełny tekst „Tworzenie i odczytywanie dat” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu JavaScript Academy, przejdź na CoddyKit PRO. Kurs JavaScript Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Tworzenie i odczytywanie dat”?

Proszę tworzyć obiekty Date i odczytywać ich składniki. Ćwiczysz JavaScript Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć JavaScript Academy?

Nie wymagamy żadnego doświadczenia. JavaScript Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 1 z 4.

Ile czasu zajmuje lekcja „Tworzenie i odczytywanie dat”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji JavaScript Academy?

Tak. Każda lekcja JavaScript Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

← Powrót do JavaScript Academy