JavaScript New Date – jak skutecznie pracować z datami i czasem

W każdej aplikacji webowej, która wchodzi w interakcję z użytkownikami, jednym z podstawowych wymagań jest prawidłowa obsługa dat i godzin. Dzięki JavaScriptowi, praca z datami i czasem jest prosta, szybka i elastyczna. Jednym z najczęściej wykorzystywanych obiektów w tym zakresie jest obiekt Date, który pozwala na manipulowanie czasem i datami. W tym artykule przyjrzymy się, jak używać konstruktoru new Date(), zrozumieć jego działanie oraz zastosować go w różnych scenariuszach. Oto przewodnik, który pomoże Ci zrozumieć, jak w pełni wykorzystać moc obiektu Date w Twoich aplikacjach.

Czym jest obiekt Date w JavaScript?

W JavaScript, obiekt Date jest wbudowanym obiektem, który reprezentuje datę i godzinę. Możesz używać go do uzyskiwania aktualnej daty i czasu, porównywania dat, ustawiania daty i czasu, a także do konwertowania ich na różne formaty. Obiekt Date posiada kilka metod, które ułatwiają manipulację datami, w tym getDate(), getMonth(), getFullYear(), setDate(), setMonth(), oraz wiele innych, które umożliwiają łatwą interakcję z datami w Twojej aplikacji.

Warto również zauważyć, że obiekt Date w JavaScript przechowuje czas w postaci liczby milisekund, które upłynęły od tzw. "epoki Unix" (1 stycznia 1970 roku, 00:00:00 UTC). To oznacza, że każda data i godzina jest reprezentowana jako liczba milisekund od tej konkretnej chwili.

Jak stworzyć nowy obiekt Date w JavaScript?

Do utworzenia nowego obiektu Date w JavaScript wystarczy użyć konstrukcji new Date(). Istnieje kilka sposobów na wykorzystanie tej konstrukcji, w zależności od tego, jaką datę chcesz uzyskać. Można to zrobić na kilka sposobów:

• Nowa data z bieżącym czasem: Jeśli wywołasz new Date() bez żadnych argumentów, zwróci Ci ona bieżącą datę i czas, bazując na systemowym zegarze komputera.

const now = new Date();
console.log(now); // np. Tue Apr 02 2025 14:20:30 GMT+0200 (Central European Summer Time)

• Nowa data z określoną datą: Możesz również przekazać datę jako argument w formacie ciągu znaków, np. 'YYYY-MM-DD' lub 'YYYY-MM-DDTHH:MM:SS'.

const specificDate = new Date('2025-04-02');
console.log(specificDate); // np. Wed Apr 02 2025 00:00:00 GMT+0200 (Central European Summer Time)

• Nowa data z określoną liczbą milisekund: Możesz także przekazać liczbę milisekund, która określa datę względem "epoki Unix".

const dateFromMillis = new Date(1649013600000);
console.log(dateFromMillis); // np. Tue Apr 02 2022 00:00:00 GMT+0200 (Central European Summer Time)

Praca z datą – metody obiektu Date

Po stworzeniu obiektu Date, możesz wykorzystać szereg metod, które pozwolą Ci na manipulowanie i odczytywanie danych związanych z datą i czasem. Oto kilka najważniejszych metod:

• getDate() – Zwraca dzień miesiąca (liczba od 1 do 31).

const today = new Date();
console.log(today.getDate()); // np. 2

• getMonth() – Zwraca miesiąc (liczba od 0 do 11, gdzie 0 oznacza styczeń, 1 to luty itd.).

const today = new Date();
console.log(today.getMonth()); // np. 3 (kwiecień)

• getFullYear() – Zwraca pełny rok (np. 2025).

const today = new Date();
console.log(today.getFullYear()); // np. 2025

• getHours() – Zwraca godzinę (liczba od 0 do 23).

const today = new Date();
console.log(today.getHours()); // np. 14

• getMinutes() – Zwraca minutę (liczba od 0 do 59).

const today = new Date();
console.log(today.getMinutes()); // np. 20

• getSeconds() – Zwraca sekundę (liczba od 0 do 59).

const today = new Date();
console.log(today.getSeconds()); // np. 30

Jak ustawić datę i godzinę?

Obiekt Date pozwala także na ustawianie poszczególnych składników daty i godziny. W tym celu używamy odpowiednich metod setujących. Oto przykłady:

• setDate() – Ustawia dzień miesiąca.

const today = new Date();
today.setDate(15);
console.log(today.getDate()); // 15

• setMonth() – Ustawia miesiąc (pamiętaj, że miesiące zaczynają się od 0, czyli styczeń to 0, luty to 1 itd.).

const today = new Date();
today.setMonth(5); // Czerwiec
console.log(today.getMonth()); // 5

• setFullYear() – Ustawia pełny rok.

const today = new Date();
today.setFullYear(2026);
console.log(today.getFullYear()); // 2026

• setHours() – Ustawia godzinę.

const today = new Date();
today.setHours(9);
console.log(today.getHours()); // 9

• setMinutes() – Ustawia minutę.

const today = new Date();
today.setMinutes(45);
console.log(today.getMinutes()); // 45

Przykłady użycia – jak to działa w praktyce?

Aby zobaczyć, jak te metody działają w rzeczywistości, zapiszmy kilka przykładów, które mogą przydać się w Twoich aplikacjach:

Przykład 1: Sprawdzanie, czy data jest w przyszłości

Możemy porównać datę użytkownika z bieżącą datą, aby sprawdzić, czy zadanie lub wydarzenie ma miejsce w przyszłości:

const userDate = new Date('2025-12-25');
const currentDate = new Date();

if (userDate > currentDate) {
  console.log("To wydarzenie jest w przyszłości!");
} else {
  console.log("To wydarzenie już minęło.");
}

Przykład 2: Konwersja daty na format ISO

Jeśli musisz zapisać datę w formacie ISO (np. '2025-12-25T00:00:00Z'), możesz użyć metody toISOString():

const today = new Date();
console.log(today.toISOString()); // np. 2025-04-02T12:30:45.000Z

Podsumowanie

Obiekt Date w JavaScript to potężne narzędzie do pracy z datami i godzinami. Dzięki prostym metodom możesz łatwo uzyskiwać bieżące daty, modyfikować je oraz przeprowadzać różnorodne operacje. Bez względu na to, czy budujesz aplikację, która wymaga obsługi dat (np. kalendarze, rezerwacje czy logi), JavaScript i obiekt Date zapewnią Ci niezbędne narzędzia do sprawnego zarządzania czasem. Mam nadzieję, że ten artykuł pomógł Ci lepiej zrozumieć, jak efektywnie wykorzystać daty w swoich projektach!