Afficher la date

JavaScript permet d'utiliser des variables contenant des objets. Nous allons essayer de comprendre ce que sont ces objets et comment on les utilise en prenant comme exemple l'objet Date.

Les objets

On peut dire qu'un objet est formé par l'assemblage de plusieurs variables (appelées champs) et de plusieurs fonctions (appelées méthodes). Les méthodes effectuent des opérations sur les champs et sont susceptibles de fournir certains résultats.

L'initialisation d'une variable contenant un objet se fait en utilisant un constructeur et le mot new. Par exemple, pour initialiser une variable v contenant un objet Truc, on écrira :
var v=new Truc();

Si l'objet Truc contient un champ nommé valeur, on aura accès à ce champ en écrivant :
var val=v.valeur;

Si l'objet Truc contient une méthode nommée fonc(), on aura accès à cette méthode en écrivant :
v.fonc();

Les noms de méthodes sont toujours suivis de parenthèses, il peut y avoir des paramètres entre les parenthèses. Lorsqu'une méthode fournit un résultat, celui-ci doit être recueilli dans une nouvelle variable.

Nous avons déjà fait appel à l'objet document et sa méthode write() à chaque fois que nous avons utilisé l'instruction document.write().

L'objet Date

Etudions l'objet Date pour voir comment il nous permet d'afficher la date courante.

Initialisation d'une variable de type Date

Pour créer une variable de type Date nommée "maintenant" qui contient la date actuelle, c'est à dire la date du moment de l'ouverture du fichier html, on écrira l'instruction :
var maintenant=new Date();

Voyons ce que donne le script suivant.

On obtient l'affichage du type suivant :
Sat Dec 15 19:58:32 GMT-0500 (EST) 2001

L'objet Date contenu dans la variable maintenant a été converti en une chaîne de caractères donnant la date et l'heure dans un format complet mais peu lisible.

Quelques méthodes de l'objet Date

L'objet Date possède un certain nombre de méthode permettant d'afficher la date sous une forme plus classique.

• Méthode getDate() : elle renvoie le numéro du jour dans le mois, donc un nombre entier entre 1 et 31.
• Méthode getMonth() : elle renvoie le numéro du mois dans l'année, mais attention ce numéro est un entier entre 0 (pour janvier) et 11 (pour décembre); il faudra donc ajouter 1 pour obtenir le numéro usuel.
• Méthode getFullYear() : elle renvoie le numéro de l'année en 4 chiffres.
• Méthode getHours() : elle renvoie le numéro de l'heure.
• Méthode getMinutes() : elle renvoie le numéro des minutes.
• Méthode getSeconds() : elle renvoie le numéro des secondes.

Exemple d'utilisation des méthodes

Observons le script suivant qui permet d'afficher la date sous une forme classique.

On obtient un affichage du type suivant :
Nous sommes le 15/12/2001.