http://dev-informatique.
com
Javascript - L'objet Date
Les particularités de l'objet Date
L'objet Date permet de travailler avec toutes les variables qui concernent les dates et la gestion du
temps. Il s'agit d'un objet inclus de façon native dans Javascript, et que l'on peut toujours utiliser.
La syntaxe pour créer un objet-date peut être une des suivantes :
Nom_de_l_objet = new Date()
cette syntaxe permet de stocker la date et l'heure actuelle
Nom_de_l_objet = new Date("Date au format standard")
les paramètres sont une chaîne de caractère suivant scrupuleusement la notation GMT standard, ex:
Wed, 28 Jul 1999 15:15:20 GMT
Nom_de_l_objet = new Date("jour, mois date année heures:minutes:secondes")
les paramètres sont une chaîne de caractère suivant scrupuleusement la notation ci-dessus
Nom_de_l_objet = new Date(année, mois, jour)
les paramètres sont trois entiers séparés par des virgules.
Les paramètres omis sont mis à zéro par défaut
Nom_de_l_objet = new Date(année, mois, jour, heures, minutes, secondes[, millisecondes])
les paramètres sont six entiers séparés par des virgules.
Les paramètres omis sont mis à zéro par défaut
Les dates en Javascript sont stockées de la même manière que dans le langage Java, c'est-à-dire
er
qu'il s'agit du nombre de millisecondes depuis le 1 janvier 1970. Ainsi, toute date antérieure au
er
1 janvier 1970 fournira une valeur erronée.
Avec les versions de Javascript inférieures à la version 1.3, pour manipuler des dates antérieures à
"l'année zéro" il vous sera nécessaire de créer un objet date spécifique.
A partir de la version 1.3, il est possible de manipuler des dates de plus ou mois 100 000 000 de jours
par rapport au premier janvier 1970.
Les méthodes de l'objet Date
La date est stockée dans une variable sous la forme d'une chaîne qui contient le jour, le mois, l'année,
l'heure, les minutes, et les secondes. Il est donc difficile d'accéder à un seul élément d'un
objet date avec les [jsstring.php3 fonctions de manipulation de chaînes de caractères], étant donné
que chacun des éléments peut avoir une taille variable. Heureusement, les méthodes de
l'objet Date fournissent un moyen simple d'accéder à un seul élément, ou bien de le modifier.
Leur syntaxe est la suivante :
Objet_Date.Methode()
http://dev-informatique.com
Connaître la date
Les méthodes dont le nom commence par le radical get (mot anglais qui signifie récupérer) permettent
de renvoyer une partie de l'objet Date :
Méthode Description Type de valeurs retournée
Permet de récupérer la valeur L'objet retourné est un entier (entre 1 et 31) qui
getDate()
du jour du mois correspond au jour du mois :
L'objet retourné est un entier qui correspond
Permet de récupérer la valeur au jour de la semaine :
getDay() du jour de la semaine pour la
0: dimanche
date spécifiée
1: lundi ...
L'objet retourné est un entier qui correspond à
l'année (XXXX) :
Permet de récupérer la valeur <script language="Javascript">
getFullYear() de l'anné sur 4 chiffres pour la
date passée en paramètre
</script>
Permet de récupérer la valeur L'objet retourné est un entier (entre 0 et 23) qui
getHours()
de l'heure correspond à l'objet Date.
L'objet retourné est un entier (entre 0 et 999)
Permet de récupérer le
getMilliseconds() qui correspond aux millisecondes de l'objet
nombre de millisecondes
passé en paramètre.
Permet de récupérer la valeur L'objet retourné est un entier (entre 0 et 59) qui
getMinutes()
des minutes correspond aux minutes de l'objet Date.
L'objet retourné est un entier (entre 0 et 11) qui
Permet de récupérer le correspond au mois :
getMonth()
numéro du mois 0: janvier
1: février ...
L'objet retourné est un entier (entre 0 et 59) qui
Permet de récupérer le
getSeconds() correspond aux secondes de l'objet passé en
nombre de secondes
paramètre.
Permet de récupérer le L'objet retourné est un entier. Cette méthode
getTime() nombre de millisecondes est très utile pour convertir des dates,
er
depuis le 1 janvier 1970 soustraire ou ajouter deux dates, etc.
Retourne la différence entre
L'objet retourné est un entier, il représente le
getTimezoneOffset() l'heure locale et l'heure GMT
nombre de minutes de décalage
(Greenwich Mean Time)
http://dev-informatique.com
L'objet retourné est un entier qui correspond à
l'anné (XX) :
Permet de récupérer la valeur <script language="Javascript">
getYear() de l'anné sur 2 chiffres pour
l'objet Date.
</script>
Modifier le format de la date
Les deux méthodes suivantes ne permettent de travailler que sur l'heure actuelle (objet Date()) leur
syntaxe est donc figée :
Méthode Description Type de valeurs retournée
L'objet retourné est une chaîne de caractère
Permet de convertir une date en une
toGMTString() du type :
chaîne de caractères au format GMT
Wed, 28 Jul 1999 15:15:20 GMT
L'objet retourné est une chaîne de caractère
Permet de convertir une date en une dont la syntaxe dépend du système, par
toLocaleString()
chaîne de carctères au format local exemple :
28/07/99 15:15:20
Modifier la date
Les méthodes dont le nom commence par le radical set (mot anglais qui signifie règler) permettent de
modifier une valeur :
Méthode Description Type de valeur en paramètre
Permet de fixer la valeur du Le paramètre est un entier (entre 1 et 31) qui
setDate(X)
jour du mois correspond au jour du mois
Le paramètre est un entier qui correspond au jour de
Permet de fixer la valeur du la semaine :
setDay(X)
jour de la semaine 0: dimanche
1: lundi ...
Permet de fixer la valeur de Le paramètre est un entier (entre 0 et 23) qui
setHours(X)
l'heure correspond à l'heure
setMinutes(X) Permet de fixer la valeur des Le paramètre est un entier (entre 0 et 59) qui
http://dev-informatique.com
minutes correspond aux minutes
Le paramètre est un entier (entre 0 et 11) qui
Permet de fixer le numéro du correspond au mois :
setMonth(X)
mois 0: janvier
1: février ...
Le paramètre est un entier représentant le nombre de
setTime(X) Permet d'assigner la date er
millisecondes depuis le 1 janvier 1970
http://dev-informatique.com
Dates en JavaScript
En JavaScript la manipulation des dates se fait grâce à l'objet Date(). Cette publication a pour but de passer en revue les différentes
méthodes de cet objet.
Objet Date()
var Obj = new Date()
Les méthodes
Méthodes Description Valeurs
.getDate() Retourne le jour du mois 1 à 31
.getDay() Retourne le jour de la semaine de dimanche à samedi 0à6
.getMonth() Retourne le mois de l'année 0 à 11
.getFullYear() Retourne l'année sur 4 chiffres /
.getHours() Retourne l'heure 0 à 23
.getMinutes() Retourne les minutes 0 à 59
.getSeconds() Retourne les secondes 0 à 59
.getSeconds() Retourne les secondes 0 à 59
.getMilliseconds() Retourne les milli-secondes 0 à 999
.getTime() Retourne le nombre de milli-secondes écoulées depuis le 01/01/70 /
Exemple de code
//Fonction qui retourne la date
function Date()
{
var Obj = new Date;
var Jour = Obj.getDate();
var Mois = Obj.getMonth()+1;
var Annee = Obj.getFullYear();
return Jour + "/" + Mois + "/" + Annee;
}
//Affichage de la date.
document.write(Date());
http://dev-informatique.com
Apprenez à vous servir de la fonction date
Tout d'abord, quesque la fonction date ?
La fonction date vous servira à afficher la date du jour, le mois, l'année, l'heure .... Tout ce qui concerne le temps
!
Voici un script détaillé de l'utilisation de cette fonction :
// JavaScript Document
// Script créé par le webmaster de http://cust.er.free.fr
// Initialise la fonction rafraichir qui a pour but de rafraichier la date
toutes les secondes
function rafraichir()
{
// On initialise la variable text dans laquelle on affichera la date
var text = '';
// On initialise la fonction date qui nous servira a afficher les caractéristiques
de la date (jour, mois, heure ...)
var date = new Date();
/* Fonction ' JOUR SEMAINE ' */
// Le jour de la semaine sera affiché de la façon : Lundi.
var jour_actuel = date.getDay();
var chaine_jour = Array('Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi',
'Vendredi',
'Samedi');
var jour_semaine = chaine_jour[jour_actuel];
/* Fonction ' JOUR ' */
// Le jour sera affiché de façon 20.
// Pour les jours de 1 a 9, on affichera donc un '0' devant.
if ( date.getDate() <= 9 )
{
var jour = '0'+date.getDate();
}
else
{
var jour = date.getDate();
}
/* Fonction ' MOIS ' */
var mois_actuel = date.getMonth();
var chaine_mois = Array('janvier', 'février', 'mars', 'avril', 'mai',
'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre',
'décembre');
var mois = chaine_mois[mois_actuel];
/* Fonction ' HEURES ' */
if ( date.getHours() <= 9 )
{
var heure = '0'+date.getHours();
}
else
{
var heure = date.getHours();
}
/* Fonction ' MINUTES ' */
if ( date.getMinutes() <= 9 )
{
var minutes = '0'+date.getMinutes();
}
else
{
var minutes = date.getMinutes();
http://dev-informatique.com
}
/* Fonction ' SECONDES ' */
if ( date.getSeconds() <= 9 )
{
var secondes = '0'+date.getSeconds();
}
else
{
var secondes = date.getSeconds();
}
// On prépare l'affichage de la date et de l'heure
text += jour_semaine+' '+jour+' '+mois+' '+date.getFullYear();
text += ' - ';
text += heure+':'+minutes+':'+secondes;
// On indique que cette date sera affichée dans une balise dont l'"id" est
"affiche_date"
document.getElementById('affiche_date').innerHTML = text;
}
// On écrit la balise dons l'id est "affiche_date"
// On peut aussi choisir une autre balise HTML !
document.write('<p id="affiche_date"></p>');
// Enfin, on rafraichi la fonction "rafraichir" toutes les secondes.
setInterval('rafraichir()',1000);
/* -- -- -- FIN -- -- -- */
Comme c'est précisé en haut de page, ce code est à placer dans un fichier d'extension .js (pour JavaScript).
Pour afficher la date et l'heure dans une page, il vous suffira d'appeler cette page via la balise ci-dessous.
<script type="text/javascript" src="lien_de_cette_page.js"></script>
Voila, en faisant quelques petites modifications, vous pourrez mieu comprendre ce script, je vous invite donc à
essayer de le modifier à votre façon !!
