Objet de date de Javascript

.....

Objet de date de Javascript

JavaScript cours tutorial

L’objet date est un objet permettant les manipulations des dates et des périodes.

Créez un objet date

L'objet date est employé pour fonctionner avec des dates et des périodes.
Les objets date sont créés avec le constructeur date ().
Il y a quatre manières d'instancier une date :

new Date() // date et temps courant
new Date(milliseconds) //millisecondes depuis 01/01/1970
new Date(dateString)
new Date(année, mois, jour, heurs, minutes, seconds, millisecondes)

La plupart des paramètres ci-dessus sont facultatifs. Si on ne spécifie un des paramètre il prend la valeur zéro .
Une fois qu'un objet date est créé, un certain nombre de méthodes permettent de le manipuler.
La plupart des méthodes permettent d'obtenir et placer l'année, le mois, le jour, l'heure, la minute, la seconde, et les millisecondes de l'objet, utilisant l'heure locale ou le temps UTC (universel, ou GMT).
Toutes les dates sont calculées en millisecondes à partir du 1er janvier 1970 à zéro heure : Temps 00 universel avec un jour contenant 86.400.000 millisecondes.
Quelques exemples d'instancier une date :

var aujourdhui = new Date()
d1 = new Date("October 13, 1975 11:13:00")
d2 = new Date(81,6,21)
d3 = new Date(81,6,21,11,25,0)

Fixez les dates

Nous pouvons facilement manoeuvrer la date en employant les méthodes disponibles pour l'objet date. Dans l'exemple ci-dessous nous avons placé un objet date à une date spécifique (le 4 october 2010) :

var maDate=new Date();
maDate.setFullYear(2010,9,4);

Et dans l'exemple suivant nous avons placé un objet date pour être de 15 jours dans le futur :

var maDate=new Date();
maDate.setDate(maDate.getDate()+15);

Note : Si on ajoute 15 jours à une date, les changements du décalage du mois ou de l'année, sont manipulés automatiquement par l'objet date lui-même !

Comparez deux dates

L'objet date est également employé pour comparer deux dates.
L'exemple suivant compare la date d'aujourd'hui au 14 janvier 2010 :

Sélectionner le code

var maDate=new Date();
maDate.setFullYear(2010,0,14);
var aujourdhui = new Date();

if (maDate > aujourdhui)
  {
  alert("Aujourd’hui  est après le 14 janvier 2010");
  }
else
  {
  alert("Aujourd’hui est avant le 14 janvier 2010");
  }

 

Exemples :
Voici quelques exemples pour manipuler l’objet date.
Exemple comment afficher une horloge

Sélectionner le code

<html>
<head>
<script type="text/javascript">
function startTime()
{//on récupère la date courante
var aujourdhui=new Date();
// on extrait l'heure, les minute et les secondes
var h=aujourdhui.getHours();
var m=aujourdhui.getMinutes();
var s=aujourdhui.getSeconds();
m=checkTime(m);
s=checkTime(s);
//affichage dans l'élément du document qui a un id="txt" sous forme de texte 
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
//on rafrichi le temps tous les 500 millisecondes 
t=setTimeout('startTime()',500);
}
// ajouter un zéro si le nombre est inférieur à 10
function checkTime(i)
{
if (i<10)
  {
  i="0" + i;
  }
return i;
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

 

Exemple comment afficher les jours de la semaine en français

Sélectionner le code

<html>
<body>

<script type="text/javascript">

var d=new Date();
var jourDeSemaine=new Array(7);
jourDeSemaine[0]="Dimanche";
jourDeSemaine[1]="lundi";
jourDeSemaine[2]="Mardi";
jourDeSemaine[3]="Mercredi";
jourDeSemaine[4]="Jeudi";
jourDeSemaine[5]="Vendredi";
jourDeSemaine[6]="Samedi";
/*affichage des jours de la semaine en français*/
document.write("Aujourd'hui c'est " + jourDeSemaine[d.getDay()]);
</script>
</body>
</html>

 

Exemple comment afficher le temps en millisecondes depuis 1970

Sélectionner le code

<html>
<body>

<script type="text/javascript">
var d=new Date();
document.write(d.getTime() + " millisecondes depuis le 01/01/1970");
</script>

</body>
</html>

 

Exemple comment afficher la date complète du jour

Sélectionner le code

<html>
<body>

<script type="text/javascript">

var d=new Date();
document.write(d);

</script>

</body>
</html>

 





Par carabde 30 mars 2014