Usamos cookies para mejorar tu experiencia en el sitio
Política de Privacidad
Aceptar
Obiekt Date i praca z czasem
W centrum dowodzenia Parku Jurajskiego, Ray Arnold monitoruje harmonogramy karmienia dinozaurów. "Czas to kluczowy element bezpieczeństwa," wyjaśnia. "Muszę wiedzieć dokładnie kiedy każdy dinozaur był karmiony, kiedy będzie następne karmienie, i ile czasu minęło od ostatniej inspekcji ogrodzenia."
Tworzenie obiektów Date
1// Aktualna data i czas
2const now = new Date();
3console.log(now); // np. "Sat Jun 15 2024 14:30:00 GMT+0200"
4
5// Z konkretną datą (uwaga: miesiące są od 0!)
6const jurassicOpening = new Date(1993, 5, 11); // 11 czerwca 1993
7console.log(jurassicOpening);
8
9// Z pełną datą i czasem
10const incident = new Date(1993, 5, 11, 20, 30, 0);
11// 11 czerwca 1993, 20:30:00
12
13// Z ciągu tekstowego (ISO 8601)
14const dateFromString = new Date("2024-06-15T14:30:00");
15
16// Z timestampa (milisekundy od 1 stycznia 1970)
17const fromTimestamp = new Date(1718451000000);
18
19// Timestamp obecnego momentu
20const timestamp = Date.now();
21console.log(timestamp); // np. 1718451000000Pobieranie składników daty
1const feedingTime = new Date("2024-06-15T08:30:00");
2
3// Pobieranie składników
4console.log(feedingTime.getFullYear()); // 2024
5console.log(feedingTime.getMonth()); // 5 (czerwiec - miesiące od 0!)
6console.log(feedingTime.getDate()); // 15 (dzień miesiąca)
7console.log(feedingTime.getDay()); // 6 (sobota - dni od 0, niedziela = 0)
8console.log(feedingTime.getHours()); // 8
9console.log(feedingTime.getMinutes()); // 30
10console.log(feedingTime.getSeconds()); // 0
11console.log(feedingTime.getMilliseconds()); // 0
12
13// Timestamp
14console.log(feedingTime.getTime()); // milisekundy od 1970
15
16// Wersje UTC
17console.log(feedingTime.getUTCHours()); // godzina w UTCUstawianie składników daty
1const nextFeeding = new Date();
2
3// Ustawianie składników
4nextFeeding.setFullYear(2024);
5nextFeeding.setMonth(6); // Lipiec (miesiące od 0!)
6nextFeeding.setDate(20);
7nextFeeding.setHours(9);
8nextFeeding.setMinutes(0);
9nextFeeding.setSeconds(0);
10
11// Ustawienie wielu naraz
12nextFeeding.setFullYear(2024, 6, 20); // rok, miesiąc, dzień
13
14console.log(nextFeeding);Formatowanie daty
Wbudowane metody
1const event = new Date("2024-06-15T14:30:00");
2
3// Różne formaty
4console.log(event.toString());
5// "Sat Jun 15 2024 14:30:00 GMT+0200 (Central European Summer Time)"
6
7console.log(event.toDateString());
8// "Sat Jun 15 2024"
9
10console.log(event.toTimeString());
11// "14:30:00 GMT+0200 (Central European Summer Time)"
12
13console.log(event.toISOString());
14// "2024-06-15T12:30:00.000Z" (UTC)
15
16console.log(event.toLocaleDateString());
17// "15.06.2024" (zależy od locale)
18
19console.log(event.toLocaleTimeString());
20// "14:30:00" (zależy od locale)
21
22console.log(event.toLocaleString());
23// "15.06.2024, 14:30:00"Intl.DateTimeFormat - zaawansowane formatowanie
1const date = new Date("2024-06-15T14:30:00");
2
3// Polski format
4const plFormatter = new Intl.DateTimeFormat('pl-PL', {
5 weekday: 'long',
6 year: 'numeric',
7 month: 'long',
8 day: 'numeric'
9});
10console.log(plFormatter.format(date));
11// "sobota, 15 czerwca 2024"
12
13// Format z czasem
14const fullFormatter = new Intl.DateTimeFormat('pl-PL', {
15 dateStyle: 'full',
16 timeStyle: 'short'
17});
18console.log(fullFormatter.format(date));
19// "sobota, 15 czerwca 2024 14:30"
20
21// Krótki format
22const shortFormatter = new Intl.DateTimeFormat('pl-PL', {
23 dateStyle: 'short'
24});
25console.log(shortFormatter.format(date));
26// "15.06.2024"Obliczenia na datach
Różnica między datami
1const lastFeeding = new Date("2024-06-15T08:00:00");
2const now = new Date("2024-06-15T14:30:00");
3
4// Różnica w milisekundach
5const diffMs = now - lastFeeding;
6console.log(diffMs); // 23400000
7
8// Konwersja na różne jednostki
9const diffSeconds = diffMs / 1000;
10const diffMinutes = diffMs / (1000 * 60);
11const diffHours = diffMs / (1000 * 60 * 60);
12const diffDays = diffMs / (1000 * 60 * 60 * 24);
13
14console.log(`Minęło ${diffHours} godzin od ostatniego karmienia`);
15// "Minęło 6.5 godzin od ostatniego karmienia"Dodawanie/odejmowanie czasu
1const baseDate = new Date("2024-06-15T08:00:00");
2
3// Dodaj 3 godziny
4const plus3Hours = new Date(baseDate.getTime() + 3 * 60 * 60 * 1000);
5console.log(plus3Hours.toLocaleTimeString()); // "11:00:00"
6
7// Dodaj 7 dni
8const plus7Days = new Date(baseDate);
9plus7Days.setDate(plus7Days.getDate() + 7);
10console.log(plus7Days.toLocaleDateString()); // "22.06.2024"
11
12// Odejmij 1 miesiąc
13const minus1Month = new Date(baseDate);
14minus1Month.setMonth(minus1Month.getMonth() - 1);
15console.log(minus1Month.toLocaleDateString()); // "15.05.2024"
16
17// Funkcja pomocnicza do dodawania czasu
18function addTime(date, amount, unit) {
19 const result = new Date(date);
20
21 switch(unit) {
22 case 'seconds':
23 result.setSeconds(result.getSeconds() + amount);
24 break;
25 case 'minutes':
26 result.setMinutes(result.getMinutes() + amount);
27 break;
28 case 'hours':
29 result.setHours(result.getHours() + amount);
30 break;
31 case 'days':
32 result.setDate(result.getDate() + amount);
33 break;
34 case 'months':
35 result.setMonth(result.getMonth() + amount);
36 break;
37 case 'years':
38 result.setFullYear(result.getFullYear() + amount);
39 break;
40 }
41
42 return result;
43}
44
45console.log(addTime(baseDate, 2, 'hours').toLocaleTimeString()); // "10:00:00"Praktyczne przykłady w Parku Jurajskim
1. System harmonogramu karmienia
1class FeedingScheduler {
2 constructor() {
3 this.schedule = new Map();
4 }
5
6 scheduleFeed(dinoId, feedingTime) {
7 this.schedule.set(dinoId, {
8 scheduledTime: new Date(feedingTime),
9 status: 'pending'
10 });
11 }
12
13 getNextFeeding(dinoId) {
14 const feeding = this.schedule.get(dinoId);
15 if (!feeding) return null;
16
17 const now = new Date();
18 const timeUntil = feeding.scheduledTime - now;
19
20 if (timeUntil < 0) {
21 return { status: 'overdue', overdue: this.formatDuration(-timeUntil) };
22 }
23
24 return {
25 status: 'scheduled',
26 timeUntil: this.formatDuration(timeUntil),
27 scheduledTime: feeding.scheduledTime.toLocaleString('pl-PL')
28 };
29 }
30
31 formatDuration(ms) {
32 const hours = Math.floor(ms / (1000 * 60 * 60));
33 const minutes = Math.floor((ms % (1000 * 60 * 60)) / (1000 * 60));
34
35 if (hours > 0) {
36 return `${hours}h ${minutes}min`;
37 }
38 return `${minutes}min`;
39 }
40}
41
42const scheduler = new FeedingScheduler();
43scheduler.scheduleFeed('TREX-001', '2024-06-15T09:00:00');
44console.log(scheduler.getNextFeeding('TREX-001'));2. Względne formatowanie czasu
1function formatRelativeTime(date) {
2 const now = new Date();
3 const diff = now - new Date(date);
4
5 const seconds = Math.floor(diff / 1000);
6 const minutes = Math.floor(seconds / 60);
7 const hours = Math.floor(minutes / 60);
8 const days = Math.floor(hours / 24);
9
10 if (seconds < 60) return 'przed chwilą';
11 if (minutes < 60) return `${minutes} min temu`;
12 if (hours < 24) return `${hours} godz. temu`;
13 if (days < 7) return `${days} dni temu`;
14
15 return new Date(date).toLocaleDateString('pl-PL');
16}
17
18// Lub z użyciem Intl.RelativeTimeFormat
19function formatRelativeTimeIntl(date) {
20 const rtf = new Intl.RelativeTimeFormat('pl', { numeric: 'auto' });
21 const diff = new Date(date) - new Date();
22
23 const seconds = Math.round(diff / 1000);
24 const minutes = Math.round(seconds / 60);
25 const hours = Math.round(minutes / 60);
26 const days = Math.round(hours / 24);
27
28 if (Math.abs(seconds) < 60) return rtf.format(seconds, 'second');
29 if (Math.abs(minutes) < 60) return rtf.format(minutes, 'minute');
30 if (Math.abs(hours) < 24) return rtf.format(hours, 'hour');
31 return rtf.format(days, 'day');
32}
33
34console.log(formatRelativeTime(new Date(Date.now() - 3600000))); // "1 godz. temu"Podsumowanie
Ray Arnold kończy szkolenie: "W systemach krytycznych jak Park Jurajski, precyzyjne zarządzanie czasem to kwestia życia i śmierci. Pamiętajcie:"
- Miesiące są od 0 - styczeń to 0, grudzień to 11
- Używajcie ISO 8601 do przechowywania dat ("2024-06-15T14:30:00Z")
- Intl.DateTimeFormat dla internacjonalizacji
- Unikajcie manipulacji stringami - używajcie metod Date
- Rozważcie biblioteki (date-fns, dayjs) dla złożonych operacji