Data i godzina JavaScript

W tym samouczku dowiesz się o dacie i godzinie w JavaScript na podstawie przykładów.

W JavaScript data i czas są reprezentowane przez Dateobiekt. DateObiekt 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)

DateObiekt 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.

Interesujące artykuły...