Récupérer la date du jour - XwZ

Ce tutorial est la suite de l'introduction, donc si vous ne l'avez pas lut, voici un petit résumé expresse, les dates en javascript sont géré par une classe appelé Date donc il faut créer une instance avant d'utiliser les dates.
Donc maintenant que le petit récapitulatif est fait nous allons voir les méthodes définit dans la classe Dates dont nous aurons besoin pour récupérer la date du jours.
Méthode pour récupérer l'année : getYear ou getFullYear
Méthode pour récupérer le mois : getMonth
Méthode pour récupérer le jour : getDate et/ou getDay

Voyons en détail les méthodes une par une.
Pour commencer on va prendre la première ennoncé, soit getYear, getYear est donc une methode fonctionnelle, c'est à dire qu'elle renvoie un résultat, cette méthode renvoie un entier constituait de deux chiffres qui correspondent à l'année courante (exemple : 07).
La méthode getFullYear est très proche de getYear mais au lieu de retourner les deux derniers chiffres de l'année elle renvoie les quatres chiffres de l'année (exemple : 2007).
La méthode getMonth quant à elle, elle renvois le numéro du mois en cours (exemple : nous sommes en août donc 8.
Les méthodes getDate et getDay se complètes, avec getDate on récupère le numéro du jours dans le mois (entre 1 et 31) alors que getDay lui récupère le numéro du jour de la semaine (de 0 à 6, commençant par dimanche).
Bon voila les petits détails.
Maintenant voyons comment est-ce que l'on fait pour afficher la date.
Tout dabord la méthode simple :

<script type="text/javascript">
    // On crée une instance de la classe Date
    var uneDate = new Date() ;
    document.write("On est le " + uneDate.getDate() + "/" + uneDate.getMonth() + "/" + uneDate.getFullYear ) ;
</script>

Bon voila, c'est plutot simple comme présentation, cela va afficher :
On est le 7/8/2007

Par contre on peu faire un bel affichage avec le code précédent en ajoutant juste deux tableaux :

<script type="text/javascript">
    // On crée le tableau des jours
    var jours = new Array("dimanche", "lundi", "mardi", "mercredi", "jeudi", "vendredi", "samedi") ;

    // On crée le tableau des mois
    var mois = new Array("janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "decembre") ;

    // On crée une instance de la classe Date
    var uneDate = new Date() ;

    // On affiche la date du jours avec le nom du jours en toute lettre et le nom du mois en toute lettre aussi
    document.write( "On est le " + jours[uneDate.getDay] + " + uneDate.getDate() + " " + mois[uneDate.getMonth()] + " " + uneDate.getFullYear  );
</script>

Voila, avec la date d'aujourd'hui on obtient :
On est le mardi 7 août 2007

C'est bien plus jolie comme ça vous ne trouvez pas ?
Bon ben ... voila on a finit ce petit tutorial tout simple.
Amusez vous bien avec les dates mais n'en abusez pas :).

<< Introduction

Récupérer la date du jour - XwZ

Les commentaires :