JavaScript: Porównywanie dat

0:00Teraz pokażę Ci, w jaki sposób możemy porównywać daty, żeby wiedzieć czy np.

0:04jedna data była wcześniej od drugiej itd.

0:07To może być przydatne, jeżeli będziemy np.

0:08po dacie chcieli posortować sobie jakąś tablicę. Będziemy mieli w niej jakieś

0:12obiekty i te obiekty będą miały właściwość związaną z datą np.

0:16data urodzin, data utworzenia itd.

0:19I na tej podstawie już wiesz po lekcji o sortowaniu tablic, że możemy wykonać

0:23metodę sort z tej metody zwrócić 1, -1 lub 0.

0:27W razie czego wróć do tej lekcji i na tej podstawie jakoś coś posortować.

0:31No i w przypadku sortowania dat będziemy

0:32chcieli po prostu określić, która data była wcześniej.

0:35Dlatego utworzyłem sobie tutaj trzy takie

0:37daty i zrobiłem to takim zapisem angielskim, żebyśmy mogli łatwo te daty

0:41utworzyć, no i też od razu wiedzieć, która data jest wcześniejsza, która ni i będę

0:45chciał Ci pokazać jak możemy je porównywać.

0:48Okazuje się, że w języku JavaScript daty możemy porównywać

0:51i zróbmy sobie to od razu w console.log

0:53za pomocą operatora porównania mniejsza od lub większa od.

0:57Czyli mogę zapytać czy data pierwsza jest mniejsza od data

1:02druga. W ten sposób i mniejsza

1:04to oznacza, że była po prostu wcześniej.

1:06Pytanie czy 2015 rok był wcześniej niż 2010?

1:10Raczej nie, więc oczekujemy tutaj false.

1:13I dokładnie tak też się stało.

1:15A więc możesz skorzystać po prostu z

1:16takiego operatora i w języku JavaScript będzie to wystarczające.

1:20Ale co ważne, to będzie wystarczające tylko w przypadku porównywania dat,

1:24właśnie czy większa czy mniejsza.

1:26Ale gdybyś chciał porównać czy dwie daty są identyczne

1:29zauważ, że te daty date2 i date3 są takie same.

1:33Domyślnie będzie tutaj ustawiona godzina 00, minuty 00 itd.

1:37Więc wydaje się, że one są identyczne.

1:39Są utworzone w taki sam sposób, więc powinny być identyczne.

1:42Więc jeżeli będziemy chcieli za pomocą

1:44operatora String i Quality Operator to porównać czyli date2 czy ona jest równa

1:49date3 to się okazuje, że tutaj zostanie zwrócone false.

1:53I tak się dzieje dlatego, że ten operator w języku JavaScript w przypadku obiektów,

1:58a bez wątpienia tutaj mamy do czynienia z obiektami, a nie z wartościami

2:01prymitywnymi, on porównuje je przez referencje.

2:04Czyli gdybym powiedział, że date3 to jest to samo co date2, a więc wskazał

2:09na ten sam obiekt, wtedy tutaj mielibyśmy true.

2:12Natomiast w tym przypadku są to dwa zupełnie różne obiekty.

2:16I zatem jak porównać, czy tutaj data jest dokładnie taka sama?

2:20Można to zrobić pobierając sobie liczbę

2:22milisekund, jakie upłynęły od pierwszego stycznia 1970 roku, a więc od tzw.

2:29epok time. Zobacz jak to wygląda.

2:31Jak się odwołam np. do tej daty trzeciej, to metodą getTime

2:36mogę sobie pobrać liczbę milisekund, jaka upłynęła właśnie od tego czasu.

2:41Ten czas to jest tzw.

2:42Unix timestamp i jest to pierwszy stycznia 1970 roku.

2:46Tak to zostało przyjęte.

2:48A więc skoro możemy sobie pobrać taką liczbę, to żeby porównać dwie daty

2:52wystarczy z obu tych dat pobrać tą liczbę i operatorem porównania

2:56po prostu w języku JavaScript porównać dwie liczby.

2:59Wtedy nie ma to już nic wspólnego z samą datą.

3:01A więc wtedy zrobilibyśmy tak.

3:04Jeżeli getTime pobrany z date2 i getTime

3:07pobrany z date3 są równe, to te daty są równe i zostało tutaj zwrócone

3:12true.

3:12I przyznam Ci szczerze, że jeżeli chodzi o takie porównywanie dat

3:16ja w języku JavaScript również porównuję

3:17je z użyciem getTime, bo jest to dla mnie z jakiegoś powodu bardziej czytelne.

3:21Niemniej jednak ten operator radzi sobie

3:23dobrze i zawsze to będzie działać poprawnie.

3:25Ale jeżeli byśmy z nich też zwrócili getTime i porównali, czy ta liczba jest

3:29mniejsza od tej drugiej liczby, to efekt będzie dokładnie ten sam

3:33tylko, że język JavaScript, można powiedzieć, pracuje w tym momencie już na

3:36liczbach, które my tutaj postawiliśmy z użyciem metody getTime.

3:41Natomiast jeżeli tego nie zrobimy, to porównuje to z użyciem tego operatora,

3:45w jaki sposób robi to pod spodem tego nie wiemy,

3:48natomiast działa to dokładnie tak samo.

3:50Na koniec chciałbym Ci pokazać jeszcze jeden praktyczny przykład jak możemy

3:53porównać daty, ale nie tak całkiem dokładnie, ale

3:56chcielibyśmy sprawdzić, czy urodziny danego użytkownika są dzisiaj.

4:00Z tego powodu w pliku index

4:02stworzyłem sobie taką stałą user i dodałem mu birthdate czyli datę urodzenia.

4:06Tutaj jest data w formacie ISO 8 6 01, czyli powiedzmy, że ten fragment byłby

4:11wyrenderowany tutaj na serwerze mielibyśmy datę urodzenia aktualnie zalogowanego

4:16użytkownika i powiedzmy w JavaScript chcemy odczytać tę datę i jeżeli urodziny są

4:20dzisiaj to będziemy chcieli wyświetlić jakiś komunikat.

4:25To teraz jak możemy to zrobić?

4:27Nie porównamy już dat w ten sposób, bo jeżeli tutaj mamy rok 1990 to jeżeli

4:32porównamy to z dniem dzisiejszym ta data zawsze będzie datą wsteczną.

4:36Swoją drogą ustawimy sobie tutaj dzisiejszą datę, żeby było trochę łatwiej.

4:40Zróbmy to w ten sposób.

4:42OK.

4:43Zatem najpierw będę chciał sobie utworzyć obiekt daty, który mi reprezentuje tę datę urodzin,

4:48napiszemy sobie birthdate

4:50i zrobimy new Date i odwołamy się do tego właśnie USER, które tam było i do birthdate.

4:55Tak to będzie wyglądać.

4:57A więc mamy sparsowaną datę urodzin.

4:58Zobaczymy.

5:00OK, mamy tutaj Invalid Date czyli zobaczmy,

5:03prawdopodobnie tutaj coś sknociłem 03 i tu powinno być 01.

5:08Teraz ta data powinna być poprawna.

5:10Jak widzisz to ma znaczenie.

5:12Pierwszy marca 1990 roku.

5:15I teraz jak możemy to porównać?

5:17Możemy to zrobić porównując po prostu czy dzień i miesiąc są takie same jak dzisiaj.

5:22A więc odwołamy się do

5:25new Date, aby pobrać sobie dzisiejszą datę i możemy to porównać

5:29w takim dosyć długim if, więc napiszemy jeżeli now

5:35czyli dzisiaj, w zasadzie nazwijmy sobie to today

5:37będzie to wydaje mi się trochę bardziej jasne.

5:42Jeżeli today pobierzemy sobie month równa się birthdate

5:48getMonth, czyli jeżeli miesiące tych dwóch dat są takie same oraz

5:53jeżeli today getDate czyli to nam pobiera dzień miesiąca w tym przypadku pierwszy,

5:58jeżeli jest równy dacie urodzin getDate

6:02to wtedy mamy pewność, że jeżeli miesiąc i dzień jest równy rok ignorujemy to

6:06ktoś ma dzisiaj urodziny.

6:08Zatem możemy wyświetlić dzisiaj urodziny. Zobaczmy.

6:14Dokładnie tak też się stało.

6:15Natomiast gdyby ten ktoś urodził się

6:17drugiego marca, zobacz ten console.log już się nie wykona, bo

6:21te urodziny będą dopiero jutro. Czy są jutro

6:24moglibyśmy również sprawdzić, czy today.getDate

6:29+1 równa się birthdate.getDate, wiedzielibyśmy, że urodziny są jutro itd.

6:35Więc czasami jak widzisz warto operować na

6:37tych bezpośrednich wartościach i je tutaj porównywać.

6:40Więc można powiedzieć, że JavaScript już

6:42nie pracuje w żaden sposób na datach tylko tymi operatorami

6:45porównuję liczby, które są zwracane z tych metod.