L’objet Date en JavaScript

L’objet Date en JavaScript

  1. Objectif

    • ِEtre capable de manipuler l”objet date en javascript
  2. Introduction

    • L’objet Date en JavaScript permet de gérer les informations relatives au temps, soit la date et l’heure.
    • L’objet javascript Date apporte une gestion complète des dates en proposant des accès aux différentes parties la constituant ainsi que des méthodes de manipulation pour effectuer des calculs ou des modifications.
    • Les objets Date se basent sur une valeur de temps qui est le nombre de millisecondes depuis 1er janvier 1970 minuit.
    • On utilise cet objet par exemple pour créer un calendrier pour pouvoir sélectionner la date de naissance sur un formulaire d’inscription plus facilement, ou afficher l’horloge sur une page Web, ou encore calculer la durée de séjour d’un client qui compte réserver une chambre d’hôtel sur un site d’hébergement.



  3. Syntaxe et utilisation

    • L’objet Date en JavaScript présente une particularité dans la mesure où il faut d’abord le créer, avant de pouvoir l’utiliser
    • variable=new Date();
    • variable=new Date(année, indexMois[, jour[, heures[, minutes[, secondes[, millisecondes]]]]]);
    • Si les parenthèses de Date() sont vides, cela signifie qu’on veut créer l’objet date à partir de la date courante du système. Par contre on peut toujours faire référence à une date différente en la précisant entre les parenthèses comme ceci:
    • variable=new Date(2018,12,31,00,00,00);
  4. Quelques méthodes

      • getYear(): permet de retourner l’année sur deux chiffres.
      • getFullYear(): permet de retourner l’année sur 4 chiffres.
      • getDate(): retourne la date du mois comprise entre 1 et 31.
      • getDay(): retourne un indice numérique qui représente le jour de la semaine. 0 pour dimanche, 1 pour lundi, … , 6 pour samedi.
      • getMonth(): retourne un indice numérique qui représente le mois. 0 pour janvier, 1 pour février, … , 11 pour décembre.
      • getHours(): retourne l’heure. Si la date crée fait référence à 7h du matin, la méthode retournera 7 et non 07.
      • getMinutes(): retourne les minutes.
      • getSeconds(): retourne les secondes.
  5. Activités:

    • Activité:01
      • Énoncé
        1. Utilisez la méthode Get pour afficher la date actuelle, au format JJ-MM-AAAA, en JavaScript
          • Si vous préférez un format différent, changez simplement l’ordre des commandes.
        2. Affichez les heures, les minutes et les secondes après la date affichée précédemment
      • Correction
        • <body onload="afficherDateActuelle()">
              <div id='zoneSaisie'></div>
              <script>
                  function afficherDateActuelle()
                  {       
                      var today = new Date();
                      var date = today.getDate()+'-'+(today.getMonth()+1)+'-'+today.getFullYear();
                      var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
                      alert(date+" "+time);
                      document.getElementById('zoneSaisie').innerHTML=date+" "+time;
                  }
              </script>
          </body>
      • Activité:02
        • Énoncé
          • Écrivez une fonction Javascript permettant l’affichage de la date sous la forme “jour mois année”, par exemple : "Nous sommes le 25 décembre 2018"
        • Correction
          • <!doctype html>
            <html>
            <head>
            <title>Date en JavaScript</title>
            </head>
            <body>
            <h3>Affiche de la date d'aujourd'hui</h3>
            <script>
            jour=new Array("Dimanche","Lundi","Mardi",
            "Mercredi","Jeudi","Vendredi","Samedi"); 
            mois=new Array("janvier","février","mars",
            "avril","mai","juin","juillet","août",
            "septembre","octobre","novembre","décembre");
            d=new Date(); 
            aujourdhui=jour[d.getDay()]+ 
            " "+ 
            d.getDate()+ 
            " "+ 
            mois[d.getMonth()]+ 
            " "+ 
            d.getFullYear();
            document.write('Nous sommes le :'+aujourdhui);
            </script>
            <h3>Autres méthodes</h3>
            <script>
            var now = new Date();
            var annee   = now.getFullYear();
            var mois    = ('0'+(now.getMonth()+1)).slice(-2);
            var jour    = ('0'+now.getDate()   ).slice(-2);
            var heure   = ('0'+now.getHours()  ).slice(-2);
            var minute  = ('0'+now.getMinutes()).slice(-2);
            var seconde = ('0'+now.getSeconds()).slice(-2);
             
            document.write("Nous sommes le "+jour+"/"+mois+"/"
            +annee+" et il est "+heure+" heure "+minute
            +" minutes "+seconde+" secondes" );
            
            </script>
            </body>
            </html>



Abonnez vous à notre chaîne YouTube gratuitement