Comparație dintre JS nativ, MomentJS și TempusJS JavaScript - Lecția 11: Data, reprezentarea și procesarea În JavaScript, o dată este definită ca numărul de milisecunde care au trecut de la 1 ianuarie 1970. Un obiect încorporat este folosit pentru a lucra cu data și ora

Data JavaScript - Lecția 11: Data, reprezentarea și procesarea În JavaScript, o dată este definită ca numărul de milisecunde care au trecut de la 1 ianuarie 1970.. Acest obiect nu are proprietăți, dar are mai multe metode care vă permit să setați și să modificați data și ora. Obiect creat cu ajutorul operatorului JavaScript - Lecția 11: Data, reprezentarea și procesarea În JavaScript, o dată este definită ca numărul de milisecunde care au trecut de la 1 ianuarie 1970..

nou

iar designerul -

De exemplu: var myData=new Date(); Valoare variabilă

myData JavaScript - Lecția 11: Data, reprezentarea și procesarea În JavaScript, o dată este definită ca numărul de milisecunde care au trecut de la 1 ianuarie 1970. va fi data și ora curente:

• Metode obiect Puteți obține separat valorile lunii, zilei săptămânii, orelor, minutelor și secundelor:
• getDate- returnează un număr în intervalul de la 1 la 31 reprezentând ziua lunii.
• getHours- returnează ora zilei în intervalul de la 0 (miezul nopții) la 23.
• getMinutes- returnează minutele în intervalul de la 0 la 59.

- returnează secunde în intervalul de la 0 la 59.

Să presupunem că vrem să scriem un script care va detecta ora curentă și o va scoate în format „hh:mm:ss”. data Javascript:

Acum să scriem funcția în sine

funcția nTime(obj) (var t=new Date(); var h=t.getHours(); var m=t.getMinutes(); var s=t.getSeconds(); var rezultat=h+":"+m+ ":"+s; * după cum vă amintiți, metodele sunt separate de obiect printr-un punct, despre asta am vorbit în lecția 3 * După cum puteți vedea, totul este simplu. În primul rând, determinăm ora curentă, iar apoi, folosind metode, extragem valori individuale de ore, minute și secunde din aceasta. Aici aș vrea să clarific și linia + var rezultat=h+":"+m+":"+s

În exemplul nostru, a existat un dezavantaj: am dorit ca ora să fie afișată în formatul „hh:mm:ss”, dar acum este afișată în formatul „h:m:s”. Adică, la ora 5 dimineața, ora va fi afișată ca „5:0:0”, dar aș vrea să fie așa: „05:00:00” (ceea ce este mai comun). Ca teme pentru acasă poți încerca să rezolvi asta. De exemplu, folosind operatorul dacăși șirul literal „0” (ideea este simplă: dacă sunt mai puțin de 10 ore, atunci rezultatul înainte h scrieți „0” și așa mai departe cu toate variabilele).

Între timp, să continuăm să studiem metodele obiectului JavaScript - Lecția 11: Data, reprezentarea și procesarea În JavaScript, o dată este definită ca numărul de milisecunde care au trecut de la 1 ianuarie 1970.:

• getDay- returnează ziua săptămânii ca număr întreg de la 0 (duminică) la 6 (sâmbătă).
• getMonth- returnează numărul lunii din an, ca număr întreg de la 0 (ianuarie) la 11 (decembrie).
• getYear- returnează anul ca ultimele două cifre ( getFullYear- returnează anul sub formă de patru cifre).

  * Din păcate, din 2000, există o problemă cu afișarea anului în diferite browsere.

Prin urmare, este de preferat să folosiți metoda getFullYear.

- returnează secunde în intervalul de la 0 la 59.

Să presupunem că vrem să scriem un script care va detecta ora curentă și o va scoate în format „hh:mm:ss”. Să scriem un script care să determine data curentă și să o afișăm în formatul „zi lună an”.:

Codul paginii HTML va fi simplu:

tData()

Funcția tData(obj) ( var s; var t=new Date(); var y=t.getFullYear(); var d=t.getDate(); var mon=t.getMonth(); comutator (mon) (case 0: s="Ianuarie"; caz 1: s="Februarie"; pauză; ; cazul 7: s="septembrie"; Decembrie"; var rezultat=d+" "+s+" "+y; =rezultat;

• S-a dovedit mai mult decât în ​​primul exemplu, pentru că Trebuie să traduc numele lunilor în rusă. Metodele discutate mai sus vă permit să obțineți data. Dacă trebuie să setăm data, ar trebui să folosim următoarele metode:
• setDate- setează ziua lunii în intervalul de la 1 la 31.
• setHours- setează ora pentru ora curentă în intervalul de la 0 (miezul nopții) la 23.
• setMinutes- setează minutele în intervalul de la 0 la 59.
• setSeconds- setează secunde în intervalul de la 0 la 59.
• setYear- stabilește valoarea anului.
• setMonth- setează valoarea lunii în intervalul de la 0 (ianuarie) la 11 (decembrie). JavaScript - Lecția 11: Data, reprezentarea și procesarea În JavaScript, o dată este definită ca numărul de milisecunde care au trecut de la 1 ianuarie 1970. setTime

Var t=new Date();

var y=t.setYear(2010);

var d=t.setDate(6);

var mon=t.setMonth(11);

...

Puteți seta data direct în constructor specificând un șir de format „lună, zi, an ore:minute:secunde” ca parametru:

Var t=new Date("10 februarie 1975 17:45:10");

Orele, minutele și secundele pot fi omise (vor fi zero):

Var t=new Date("Feb,10,1975");

Var t=new Date(75, 1, 10, 17, 45, 10);

Sau, omițând ore, minute și secunde (vor fi zero): Var t=new Date(75, 1, 10);* Există o problemă: IE nu dorește să afișeze anul, așa că este mai bine să nu folosiți aceste opțiuni.

Un alt lucru util pentru site-uri web este inserarea datei curente. Zeci de exemple de scripturi de date pot fi găsite pe Internet, dar multe dintre ele, după părerea mea, sunt greoaie și, prin urmare, urâte. Între timp, folosind

mijloace standard

//
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>
JavaScript, puteți introduce o dată într-o pagină de site foarte simplu. Il folosesc foarte des! În imaginea (captură de ecran de pe site-ul actual) a moșiei Skazka!
Iată întregul script al datei:
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>

În opinia mea, nu poate fi mai simplu, destul de frumos și de înțeles. Dacă nu doriți să studiați construcția acestui script, atunci pur și simplu lipiți-l oriunde pe pagina HTML și obțineți următoarea inscripție:

O altă variantă mai avansată

! Astăzi

Arata cam asa:

Astăzi

• getDate() - returnează un număr de la 1 la 31 reprezentând ziua lunii;
• getDay() - returnează ziua săptămânii ca număr întreg de la 0 (duminică) la 6 (sâmbătă);
• getMonth() - returnează numărul lunii din an;
• getFullYear() - returnează anul. Dacă utilizați pur și simplu getYear() , anul curent minus 1900 va fi afișat;
• get Hours() - returnează ora din zi;
• getMinutes() - returnează minutele ca număr de la 0 la 59;
• getSeconds() - returnează numărul de secunde de la 0 la 59.

Nu este întotdeauna convenabil să inserați un script Java direct în pagina unui site web. Este mai bine să plasați descrierea scriptului la începutul paginii între etichete și să setați o variabilă pe care o vom apela după cum este necesar în text. Să-l numim AZI și să definim în el forma de ieșire a datei similară cu cea de mai sus. Scriptul va arăta astfel:

Pentru a afișa data, apelați scriptul în locul dorit din codul HTML al paginii folosind următoarea comandă:

document.write(AZI);

Dacă site-ul dvs. conține multe pagini pe care trebuie să afișați data, atunci este mai convenabil să separați scriptul Java pentru afișarea datei într-un fișier separat, de exemplu, data.js. În practică, aceasta este o pagină formată din primul dintre scripturile descrise, adică cu linia document.write (vezi mai sus). Trebuie să fie localizat în același director cu pagina principală și apelat în locul în care este afișată data după cum urmează:

Nu uitați să verificați dacă fișierul data.js are aceeași codificare ca și documentul principal, altfel data va fi afișată cu cârlige minunate, pătrate și alte trucuri.

Comentariu. Trebuie avut în vedere că scriptul descris afișează data setată pe computerul utilizatorului, care nu corespunde întotdeauna cu ora actuală reală. Dacă trebuie să afișați ora exactă, atunci trebuie să utilizați un script PHP care va afișa ora pe server.

În această lecție, ne vom familiariza cu obiectul JavaScript Date și vom învăța cum să-l folosim în practică.

În JavaScript, crearea unei date se face folosind obiectul Date. Un obiect Date reprezintă un punct pe axa timpului și este conceput pentru a stoca o dată și o oră cu precizie în milisecunde.

Exemple de creare a unei date în JavaScript.

1. Creați data și ora curente.

Obținerea datei și orei curente în JavaScript se face prin instanțierea unui obiect Date fără a specifica niciun parametru:

// data curentă (data și ora la care a fost creată instanța obiectului Date calculator local utilizator) var acum = data noua(); // de exemplu, tipăriți data curentă în consola console.log(now);

Dacă trebuie doar să obțineți data de aziîn format șir, puteți utiliza metoda toLocaleDateString:

Var acum = data noua().toLocaleDateString(); // 19.12.2019

Ora curentă a utilizatorului poate fi obținută astfel:

Var acum = new Date().toLocaleTimeString(); // 11:02:48 var now = new Date().toLocaleTimeString().slice(0,-3); // 11:02

Puteți obține data și ora în format șir astfel:

Var acum = data noua().toLocaleString(); // 19.12.2019, 11:02:48

2. Crearea unei date prin specificarea obiectului Date a numărului de milisecunde care au trecut de la 1 ianuarie 1970 00:00:00 UTC.

// 1 an (nu la nivel înalt) = 365*24*60*60*1000 = 31536000000 ms // de exemplu, creați o dată 01/01/1971, 00:00:00 UTC: var date1 = new Date( 31536000000);

3. Crearea unei date prin specificarea acesteia la un obiect Date ca șir.

Cu această opțiune pentru crearea unei date, JavaScript va încerca să înțeleagă șirul transmis și să genereze o dată pe baza acesteia. Convertirea unui șir într-o dată în JavaScript se face folosind metoda Date.parse.

De exemplu:

// crearea unei date pe baza unui șir în formatul ZZ.LL.AA var data1 = new Date("05.11.19"); // creează o dată pe baza unui șir în formatul YYYY-LL-DDThh:mm:ss.sss (caracterul T este folosit pentru a separa data și ora) var date2 = new Date("2015-02-24T21:23 "); // creează o dată pe baza unui șir care indică fusul orar (format AAAA-LL-DDThh:mm:ss.sss±hh:mm): var date3 = new Date("2015-02-24T22:02+03:00 ");

4. Crearea unei date prin specificarea următorilor parametri separați prin virgule: an (4 cifre), luna (numărând de la 0), ziua (1..31), ore (0..23), minute (0..59) , secunde (0..59), milisecunde (0..999). Mai mult, doar primii doi parametri sunt obligatorii.

Un exemplu de creare a unei date specificând doar parametrii necesari:

// creează data 01/01/2015 (parametrii impliciti nespecificați sunt: ​​număr - 01, ore - 00, minute - 00, secunde - 00, milisecunde - 000). var data1 = data noua(2015.01); // creează data 01/24/2015, 21:23 var date2 = new Date(2015,01,24,21,23);

Notă: Dacă trebuie să setați data și ora în UTC, puteți utiliza metoda Date.UTC.

//1 exemplu var date1 = Date.UTC(2015,1,1); var data2 = new Date(data1); alert(date2.toUTCString()); //2 exemplu var newDate = new Date(Date.UTC(2015,1,1)); alert(newDate.toUTCString());

În JavaScript, sunt utilizate următoarele metode pentru a obține componente individuale de dată și oră:

• getFullYear() – returnează anul format din 4 numere;
• getMonth() – returnează luna în formatul unui număr de la 0 la 11 (0 – ianuarie, 1 – februarie, 2 – martie, ..., 11 – decembrie);
• getDate() – returnează ziua lunii de la 1 la 31;
• getHours() – returnează numărul de ore de la 0 la 23;
• getMinutes() – returnează numărul de minute de la 0 la 59;
• getSeconds() – returnează numărul de secunde de la 0 la 59;
• getMilliseconds() – returnează numărul de milisecunde de la 0 la 999.

Toate aceste metode returnează componente individuale de dată și oră în funcție de fusul orar setat pe dispozitivul local al utilizatorului.

// creează data 11/11/2019 00:00 UTC var newDate = new Date(Date.UTC(2019,11,11)); // obțineți componentele datei dacă ora locală de pe dispozitivul utilizatorului este UTC+10:00 newDate.getFullYear(); //2019 newDate.getMonth(); // 10 newDate.getDate(); // 11 newDate.getHours(); // 10 newDate.getMinutes(); // 0 newDate.getSeconds(); // 0 newDate.getMilliseconds(); // 0

Un exemplu în care vom saluta utilizatorul în funcție de ce interval de timp are în prezent:

// obținem ora curentă a utilizatorului și componentele acestui timp var now = new Date(), hour = now.getHours(), minute = now.getMinutes(), second = now.getSeconds(), message = ""; // definește o expresie de salut în funcție de ora locală a utilizatorului dacă (ora