home > tutoriale > javascript-ajax > afisarea-datei-cu-javascript.php
Tutorial : Afisarea datei cu JavaScript

Afisarea datei cu JavaScript

3 Ianuarie 2011 de Mihail Alin

In acest tutorial o sa va arat pas cu pas cum puteti afisa data cu JavaScript.Este destul de simplu.

afisarea datei cu javascript
Autor :   Mihail Alin

Crearea variabilelor

Fiecarei parti ale datei trebuie sa ii asignam o variabila distincta.
O sa scriem data de 3 tipuri : "Luni , 3 Ianuarie 2011" , "3/1/2011" si "Luni 3/1/2011" , pentru a reusi acest lucru , avem nevoie de 6 variabile pe care o sa le numim :

textsaptamana care in acest exemplu ar fi = Luni
ziluna care ar fi = 1
textluna care ar fi = Ianuarie
anul care ar fi = 2011
zisaptamana care ar fi = 1 ( 0 pentru duminica , 6 pentru sambata )
luna care ar fi = 1

Haideti sa incepem :

var data_actuala = new Date(); 
// variabilei "data" ii dam valuare datei actuale;
var ziluna = data_actuala.getDate();
// variabilei "ziluna" ii dam valuarea zilei lunii ( de 1 la 31 );
var zisaptamana = data_actuala.getDay();
// variabilei "zisaptamana" ii dam valuarea zilei saptamanii in numar , 0 fiind duminica , 1 luni, ..., 6 sambata;
var luna = data_actuala.getMonth() + 1;
// variabilei "luna" ii dam valoarea lunii in care suntem ( de 0 la 11 ) si ii sumam 1 pentru a fi de la 1 la 12;
var anul = data_actuala.getFullYear();
// variabilei "anul" ii dam valoarea anului cu cele patru cifre, daca am dori doar 2 cifre atunci am putea spune anul = data.getYear();
         

Acum avem data despartita pe varibile , tot ce ne-a mai ramas este varibila "textsaptamana" si "textluna".O sa facem cate un array pentru cele 2 variabile.


var textsaptamana = new Array(7);
textsaptamana[0] = "Duminica";
textsaptamana[1] = "Luni";
textsaptamana[2] = "Marti";
textsaptamana[3] = "Miercuri";
textsaptamana[4] = "Joi";
textsaptamana[5] = "Vineri";
textsaptamana[6] = "Sambata";
         

Tineti minte ca, calculatorul practic ne da variabila "zisaptamana" care este de la 0 la 6.
Practic cu acest array spunem :
Daca numarul intors de calculator este 0 .... atunci este Duminica
Daca numarul intors de caculator este 3 ..... atunci este Miercuri .... si tot asa ...

La fel procedam si cu variabila "textluna" , numai ca aici chiar daca calculatorul ne intoarce 0 pentru Ianuarie o sa fie 1 pentru ca am sumat 1 la variabila "luna" :


var textluna = new Array(12);
textluna[1] = "Ianuarie";
textluna[2] = "Februarie";
textluna[3] = "Martie";
textluna[4] = "Aprilie";
textluna[5] = "Mai";
textluna[6] = "Iunie";
textluna[7] = "Iulie";
textluna[8] = "August";
textluna[9] = "Septembrie";
textluna[10] = "Octombrie";
textluna[11] = "Noiembrie";
textluna[12] = "Decembrie";
         

Afisarea pe ecran

Pentru a afisa data pe ecran, folosim document.write();, intre paranteze trebuie sa ii spunem ce vrem sa afiseze pe ecran , folosim ghilimele atunci cand vrem sa adaugam text pe langa veriabile.

// exemplu : Luni, 2 Ianuarie 2011
document.write("Data : " + textsaptamana[zisaptamana] + ", " + ziluna + " " + textluna[luna] + " " + anul + "<br/>");

//exemplu : Luni 2/1/2011
document.write("Data : " + textsaptamana[zisaptamana] + " " + ziluna + "/" +luna+ "/" + anul + "<br/>");

//exemplu : 2/1/2011
document.write("Data : " + ziluna + "/" + luna + "/" + anul);
         

Acesta este codul complet

         
<script type="text/javascript">
var data_actuala = new Date();     
var ziluna = data_actuala.getDate();
var zisaptamana = data_actuala.getDay();
var luna = data_actuala.getMonth() + 1;
var anul = data_actuala.getFullYear();

var textsaptamana = new Array(7);
textsaptamana[0] = "Duminica";
textsaptamana[1] = "Luni";
textsaptamana[2] = "Marti";
textsaptamana[3] = "Miercuri";
textsaptamana[4] = "Joi";
textsaptamana[5] = "Vineri";
textsaptamana[6] = "Sambata";

var textluna = new Array(12);
textluna[1] = "Ianuarie";
textluna[2] = "Februarie";
textluna[3] = "Martie";
textluna[4] = "Aprilie";
textluna[5] = "Mai";
textluna[6] = "Iunie";
textluna[7] = "Iulie";
textluna[8] = "August";
textluna[9] = "Septembrie";
textluna[10] = "Octombrie";
textluna[11] = "Noiembrie";
textluna[12] = "Decembrie"; 
document.write("Data : " + textsaptamana[zisaptamana] + ", " + ziluna + " " + textluna[luna] + " " + anul + "<br/>");
document.write("Data : " + textsaptamana[zisaptamana] + " " + ziluna + "/" +luna+ "/" + anul + "<br/>");
document.write("Data : " + ziluna + "/" + luna + "/" + anul);
</script>
         
         


Codul de mai sus intoarce urmatoarele :



Da si tu un like
  


Daca ti-a fost folositor acest tutorial/articol, poti copia urmatorul cod pe pagina ta

Tutoriale din Categoria JavaScript & Ajax

  Meniu Slide-Out cu Jquery, Html si CSS   -   Tutorial Jquery pentru incepatori   -   Cum sa centrezi o fereastra/popup   -   Cum sa faci un ceas cu JavaScript   -   Afisarea datei cu Javascript   -

Tutoriale aleatorii

  Meniu Slide-Out cu Jquery, Html si CSS   -   Cum sa creezi litere capitale/majuscule cu CSS   -   Cum sa faci un simplu web-site pe 3 coloane   -   Centrarea paginii cu CSS   -   Table in HTML   -   Tutorial Jquery pentru incepatori   -   Cum sa centrezi o fereastra/popup   -
Spune-le prietenilor tai despre acest tutorial/articol
Nume:
Email:
Email-ul prietenului tau:
Mesajul:

Comenturi

0 comenturi pana acum... (posteaza si tu)

Comentarii:

Nume:

Email:

Comentariu:


 

*Intrebare de verificare : Raspunde la intrebarea din imaginea de mai jos ...

 
HINT : Raspunsul este din 6 litere, incepe cu r si se termina cu s


 


Important:
E-mailul nu va fi vizibil si NU va fi folosit de catre rotuts.com .
Nu sunt permise linkuri catre alte pagini.
Va rugam , comentariile sa ramana strict relationate cu topicul.
Comentariile considerate ofensive sau care nu au nici o legatura cu topicul vor fi sterse(trolling).

Folosirea codului HTML nu este permisa.
Puteti folosi BBcode pentru a va formata textul.