W tym samouczku dowiesz się o dacie i godzinie w JavaScript na podstawie przykładów.
W JavaScript data i czas są reprezentowane przez Date
obiekt. Date
Obiekt udostępnia informacje o dacie i czasie, a także przewiduje różne sposoby.
Data JavaScript definiuje epokę EcmaScript, która reprezentuje milisekundy od 1 stycznia 1970 UTC . Ta data i godzina jest taka sama, jak w epoce systemu UNIX (przeważająca wartość podstawowa dla wartości daty i godziny zapisanych przez komputer).
Tworzenie obiektów daty
Istnieją cztery sposoby tworzenia obiektu daty.
- Nowa data()
- nowa data (milisekundy)
- nowa data (ciąg daty)
- nowa data (rok, miesiąc, dzień, godziny, minuty, sekundy, milisekundy)
Nowa data()
Możesz utworzyć obiekt daty za pomocą new Date()
konstruktora. Na przykład,
const timeNow = new Date(); console.log(timeNow); // shows current date and time
Wynik
Pon.06 lip 2020 12:03:49 GMT + 0545 (czas nepalski)
Tutaj new Date()
tworzy nowy obiekt daty z aktualną datą i czasem lokalnym.
nowa data (milisekundy)
Date
Obiekt zawiera liczbę reprezentującą milisekund od 1 stycznia 1970 UTC .
new Date(milliseconds)
tworzy nowy obiekt daty, dodając milisekundy do czasu zerowego. Na przykład,
const time1 = new Date(0); // epoch time console.log(time1); // Thu Jan 01 1970 05:30:00 // 100000000000 milliseconds after the epoch time const time2 = new Date(100000000000) console.log(time2); // Sat Mar 03 1973 15:16:40
Uwaga : 1000 milisekund to 1 sekunda.
nowa data (ciąg daty)
new Date(date string)
tworzy nowy obiekt daty z ciągu daty.
W JavaScript są generalnie trzy formaty wprowadzania daty.
Formaty dat ISO
Możesz utworzyć obiekt daty, przekazując formaty daty ISO. Na przykład,
// ISO Date(International Standard) const date = new Date("2020-07-01"); // the result date will be according to UTC console.log(date); // Wed Jul 01 2020 05:45:00 GMT+0545
Możesz również podać tylko rok i miesiąc lub tylko rok. Na przykład,
const date = new Date("2020-07"); console.log(date); // Wed Jul 01 2020 05:45:00 GMT+0545 const date1 = new Date("2020"); console.log(date1); // Wed Jul 01 2020 05:45:00 GMT+0545
Możesz również przekazać określony czas do dat ISO.
const date = new Date("2020-07-01T12:00:00Z"); console.log(date); // Wed Jul 01 2020 17:45:00 GMT+0545
Uwaga : Data i godzina są oddzielone duża litera T . I czas UTC jest zdefiniowana z kapitału Z .
Format daty krótkiej i długiej
Pozostałe dwa formaty daty to krótka i długa data .
// short date format "MM/DD/YYYY" const date = new Date("03/25/2015"); console.log(date); // Wed Mar 25 2015 00:00:00 GMT+0545 // long date format "MMM DD YYYY" const date1 = new Date("Jul 1 2020"); console.log(date1); // Wed Jul 01 2020 00:00:00 GMT+0545 // month and day can be in any order const date2 = new Date("1 Jul 2020"); console.log(date2); // Wed Jul 01 2020 00:00:00 GMT+0545 // month can be full or abbreviated. Also month names are insensitive. // comma are ignored const date3 = new Date("July 1 2020"); console.log(date3); // Wed Jul 01 2020 00:00:00 GMT+0545 const date4 = new Date("JULY, 1, 2020"); console.log(date4); // Wed Jul 01 2020 00:00:00
nowa data (rok, miesiąc, dzień, godziny, minuty, sekundy, milisekundy)
new Date(year, month,… )
tworzy nowy obiekt daty, przekazując określoną datę i godzinę. Na przykład,
const time1 = new Date(2020, 1, 20, 4, 12, 11, 0); console.log(time1); // Thu Feb 20 2020 04:12:11
Przekazany argument ma określoną kolejność.
Jeśli zostaną przekazane cztery liczby, reprezentuje rok, miesiąc, dzień i godziny. Na przykład,
const time1 = new Date(2020, 1, 20, 4); console.log(time1); // Thu Feb 20 2020 04:00:00
Podobnie, jeśli zostaną przekazane dwa argumenty, reprezentuje rok i miesiąc. Na przykład,
const time1 = new Date(2020, 1); console.log(time1); // Sat Feb 01 2020 00:00:00
Uwaga : jeśli przekażesz tylko jeden argument, jest on traktowany jako milisekundy. Dlatego musisz podać dwa argumenty, aby użyć tego formatu daty.
W JavaScript miesiące liczone są od 0 do 11 . Styczeń to 0, a grudzień to 11 .
Metody daty JavaScript
Istnieją różne metody dostępne w obiekcie JavaScript Date.
metoda | Opis |
---|---|
teraz() | Zwraca wartość liczbową odpowiadającą aktualnemu czasowi (liczba milisekund, które upłynęły od 1 stycznia 1970 00:00:00 UTC) |
getFullYear () | Pobiera rok zgodnie z czasem lokalnym |
getMonth () | Pobiera miesiąc od 0 do 11 według czasu lokalnego |
getDate () | Pobiera dzień miesiąca (1-31) zgodnie z czasem lokalnym |
getDay () | Pobiera dzień tygodnia (0-6) zgodnie z czasem lokalnym |
getHours () | Pobiera godzinę od 0 do 23 zgodnie z czasem lokalnym |
getMinutes | Gets the minute from 0 to 59 according to local time |
getUTCDate() | Gets the day of the month (1-31) according to universal time |
setFullYear() | Sets the full year according to local time |
setMonth() | Sets the month according to local time |
setDate() | Sets the day of the month according to local time |
setUTCDate() | Sets the day of the month according to universal time |
Example: Date Methods
const timeInMilliseconds = Date.now(); console.log(timeInMilliseconds); // 1593765214488 const time = new Date; // get day of the month const date = time.getDate(); console.log(date); // 30 // get day of the week const year = time.getFullYear(); console.log(year); // 2020 const utcDate = time.getUTCDate(); console.log(utcDate); // 30 const event = new Date('Feb 19, 2020 23:15:30'); // set the date event.setDate(15); console.log(event.getDate()); // 15 // Only 28 days in February! event.setDate(35); console.log(event.getDate()); // 7
Formatting a Date
Unlike other programming languages, JavaScript does not provide a built-in function for formatting a date.
However, you can extract individual bits and use it like this.
const currentDate = new Date(); const date = currentDate.getDate(); const month = currentDate.getMonth(); const year = currentDate.getFullYear(); // show in specific format let monthDateYear = (month+1) + '/' + date + '/' + year; console.log(monthDateYear); // 7/3/2020
Note: The above program gives inconsistent length as date and month have single-digit and double-digit.
AutoCorrection in Date Object
When you assign out of range values in the Date
object, it auto-corrects itself. For example,
const date = new Date(2008, 0, 33); // Jan does not have 33 days console.log(date);
Output
Sat Feb 02 2008
Aby dowiedzieć się więcej o dacie i godzinie w JavaScript, odwiedź Demistyifying Date and Time.