1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
Dismiss Notice
Welcome to our Education website, plz like our page facebook to support us. Thank You and wish you good navigation

Objets Date JavaScript

abdelouafiNov 6, 2018

    1. abdelouafi

      abdelouafi Administrator Staff Member

      Messages:
      984
      Likes Received:
      14
      Trophy Points:
      38
      Joined
      Sep 13, 2016
      JavaScript Date Object nous permet de travailler avec des dates:

      Exemple:
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript new Date()</h2>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date();
      document.getElementById("demo").innerHTML = d;
      </script>
      
      </body>
      </html>
      

      Récupérer l'année:
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript getFullYear()</h2>
      
      <p>The getFullYear() method returns the full year of a date:</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date();
      document.getElementById("demo").innerHTML = d.getFullYear();
      </script>
      
      </body>
      </html>
      
      Récupérer le mois:
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript getMonth()</h2>
      
      <p>The getMonth() method returns the month of a date as a number from 0 to 11.</p>
      <p>To get the correct month, you must add 1:</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date();
      document.getElementById("demo").innerHTML = d.getMonth() + 1;
      </script>
      
      </body>
      </html>
      

      Récupérer le jours:
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript getDate()</h2>
      
      <p>The getDate() method returns the day of a date as a number (1-31):</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date();
      document.getElementById("demo").innerHTML = d.getDate();
      </script>
      
      </body>
      </html>
      
      Récupérer l'heure:
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript getHours()</h2>
      
      <p>The getHours() method returns the hours of a date as a number (0-23):</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date();
      document.getElementById("demo").innerHTML = d.getHours();
      </script>
      
      </body>
      </html>
      

      Récupérer les minutes:
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript getMinutes()</h2>
      
      <p>The getMinutes() method returns the minutes of a date as a number (0-59):</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date();
      document.getElementById("demo").innerHTML = d.getMinutes();
      </script>
      
      </body>
      </html>
      

      Récupérer les secondes:
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript getSeconds()</h2>
      
      <p>The getSeconds() method returns the seconds of a date as a number (0-59):</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date();
      document.getElementById("demo").innerHTML = d.getSeconds();
      </script>
      
      </body>
      </html>
      
      Sortie de Date en JavaScript
      Par défaut, JavaScript utilise le fuseau horaire du navigateur et affiche une date sous forme de chaîne de texte intégral:

      Mar 06 Nov 2018 16:12:40 GMT + 0100 (heure normale d’Afrique de l’Ouest)

      Vous en apprendrez beaucoup plus sur l’affichage des dates, plus loin dans ce tutoriel.


      Création d'objets de date
      Les objets Date sont créés avec le constructeur new Date ().

      Il existe 4 façons de créer un nouvel objet de date:
      Code:
      new Date()
      new Date(year, month, day, hours, minutes, seconds, milliseconds)
      new Date(milliseconds)
      new Date(date string)

      new date ()
      new Date () crée un nouvel objet de date avec la date et l'heure actuelles:

      Exemple
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript new Date()</h2>
      
      <p>Using new Date(), creates a new date object with the current date and time:</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date();
      document.getElementById("demo").innerHTML = d;
      </script>
      
      </body>
      </html>
      

      Remarque: Les objets de date sont statiques. L'heure est comptée, mais pas les objets de date.

      new Date(year, month, ...)

      new Date (year, month, ...) crée un nouvel objet de date avec une date et une heure spécifiées.

      7 chiffres spécifient l'année, le mois, le jour, l'heure, les minutes, les secondes et les millisecondes (dans cet ordre):

      Exemple
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript new Date()</h2>
      
      <p>Using new Date(7 numbers), creates a new date object with the specified date and time:</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date(2018, 11, 24, 10, 33, 30, 0);
      document.getElementById("demo").innerHTML = d;
      </script>
      
      </body>
      </html>
      
      Remarque:
      JavaScript compte les mois de 0 à 11.

      Janvier est 0. Décembre est 11.


      6 chiffres spécifient l'année, le mois, le jour, l'heure, les minutes, les secondes:

      Exemple
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript new Date()</h2>
      
      <p>6 numbers specify year, month, day, hour, minute and second:</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date(2018, 11, 24, 10, 33, 30);
      document.getElementById("demo").innerHTML = d;
      </script>
      
      </body>
      </html>
      

      5 chiffres spécifient l'année, le mois, le jour, l'heure et les minutes:

      Exemple
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript new Date()</h2>
      
      <p>5 numbers specify year, month, day, hour, and minute:</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date(2018, 11, 24, 10, 33);
      document.getElementById("demo").innerHTML = d;
      </script>
      
      </body>
      </html>
      

      4 chiffres spécifient l'année, le mois, le jour et l'heure:

      Exemple
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript new Date()</h2>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date(2018, 11, 24, 10);
      document.getElementById("demo").innerHTML = d;
      </script>
      
      </body>
      </html>
      

      3 chiffres spécifient l'année, le mois et le jour:

      Exemple
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript new Date()</h2>
      
      <p>3 numbers specify year, month, and day:</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date(2018, 11, 24);
      document.getElementById("demo").innerHTML = d;
      </script>
      
      </body>
      </html>
      
      2 chiffres précisent l'année et le mois:

      Exemple
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript new Date()</h2>
      
      <p>2 numbers specify year and  month:</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date(2018, 11);
      document.getElementById("demo").innerHTML = d;
      </script>
      
      </body>
      </html>
      

      Vous ne pouvez pas omettre le mois. Si vous ne fournissez qu'un seul paramètre, il sera traité en millisecondes.

      Exemple
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript new Date()</h2>
      
      <p>One parameter will be interpreted as new Date(milliseconds).</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date(2018);
      document.getElementById("demo").innerHTML = d;
      </script>
      
      </body>
      </html>
      
      Siècle précédent
      Les années à un et deux chiffres seront interprétées comme 19xx:

      Exemple
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript new Date()</h2>
      
      <p>Two digit years will be interpreted as 19xx:</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date(99, 11, 24);
      document.getElementById("demo").innerHTML = d;
      </script>
      
      </body>
      </html>
      
      Exemple:
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript new Date()</h2>
      
      <p>One digit years will be interpreted as 19xx:</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date(9, 11, 24);
      document.getElementById("demo").innerHTML = d;
      </script>
      
      </body>
      </html>
      
      new Date(dateString)

      new Date (dateString) crée un nouvel objet de date à partir d'une chaîne de date:

      Exemple
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript new Date()</h2>
      
      <p>A Date object can be created with a specified date and time:</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date("October 13, 2014 11:13:00");
      document.getElementById("demo").innerHTML = d;
      </script>
      
      </body>
      </html>
      


      Les chaînes de date sont décrites dans le chapitre suivant.

      Dates de magasins JavaScript en millisecondes
      JavaScript stocke les dates en nombre de millisecondes depuis le 01 janvier 1970 à 00:00:00 UTC (Universal Time Coordinated).
      Zero time is January 01, 1970 00:00:00 UTC.


      Maintenant, le temps est: 1541517160204 après le 01 janvier 1970



      new date (millisecondes)
      new Date (millisecondes) crée un nouvel objet date au format heure zéro plus millisecondes:

      Exemple
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript new Date()</h2>
      
      <p>Using new Date(milliseconds), creates a new date object as January 1, 1970, 00:00:00 Universal Time (UTC) plus the milliseconds:</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date(0);
      document.getElementById("demo").innerHTML = d;
      </script>
      
      </body>
      </html>
      

      01 janvier 1970 plus 100 000 000 000 millisecondes, soit approximativement le 03 mars 1973:
      Exemple:
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript new Date()</h2>
      
      <p>100000000000 milliseconds from Jan 1, 1970, is approximately Mar 3, 1973:</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date(100000000000);
      document.getElementById("demo").innerHTML = d;
      </script>
      
      </body>
      </html>
      
      Le 01 janvier 1970 moins 100 000 000 000 millisecondes équivaut approximativement au 31 octobre 1966:
      Exemple:
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript new Date()</h2>
      
      <p>100000000000 milliseconds from Jan 1, 1970, is approximately Oct 31, 1966:</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date(-100000000000);
      document.getElementById("demo").innerHTML = d;
      </script>
      
      </body>
      </html>
      
      Exemple:
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript new Date()</h2>
      
      <p>Using new Date(milliseconds), creates a new date object as January 1, 1970, 00:00:00 Universal Time (UTC) plus the milliseconds:</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date(86400000);
      document.getElementById("demo").innerHTML = d;
      </script>
      
      <p>One day (24 hours) is 86,400,000 milliseconds.</p>
      
      </body>
      </html>
      

      Un jour (24 heures) correspond à 86 400 000 millisecondes.



      Méthodes de date
      Lorsqu'un objet Date est créé, un certain nombre de méthodes vous permettent de l'exploiter.

      Les méthodes de date vous permettent d'obtenir et de définir les objets année, mois, jour, heure, minute, seconde et milliseconde, en utilisant l'heure locale ou l'heure UTC (universelle ou GMT).

      Les méthodes de date et les fuseaux horaires sont traités dans les chapitres suivants.



      Affichage des dates
      JavaScript (par défaut) affichera les dates au format de chaîne de texte intégral:
      Code:
      Wed Mar 25 2015 01:00:00 GMT+0100 (heure normale d’Afrique de l’Ouest)
      
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript new Date()</h2>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date();
      document.getElementById("demo").innerHTML = d;
      </script>
      
      </body>
      </html>
      
      Lorsque vous affichez un objet de date en HTML, il est automatiquement converti en chaîne avec la méthode toString ().

      Exemple
      Code:
      d = new Date();
      document.getElementById("demo").innerHTML = d;
      Comme:
      Code:
      d = new Date();
      document.getElementById("demo").innerHTML = d.toString();
      Le programme est:
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript toString()</h2>
      
      <p>The toString() method converts a date to a string:</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date();
      document.getElementById("demo").innerHTML = d.toString();
      </script>
      
      </body>
      </html>
      
      La méthode toUTCString () convertit une date en chaîne UTC (norme d'affichage de la date).

      Exemple
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript Date()</h2>
      
      <p>The toUTCString() method converts a date to a UTC string (a date display standard):</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date();
      document.getElementById("demo").innerHTML = d.toUTCString();
      </script>
      
      </body>
      </html>
      

      La méthode toDateString () convertit une date en un format plus lisible:

      Exemple
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript toDateString()</h2>
      
      <p>The toDateString() method converts a date to a date string:</p>
      
      <p id="demo"></p>
      
      <script>
      var d = new Date();
      document.getElementById("demo").innerHTML = d.toDateString();
      </script>
      
      </body>
      </html>
      
       
      Latest Threads
      Related Threads
      Loading...

Share This Page

Share
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
Dismiss Notice
Welcome to our Education website, plz like our page facebook to support us. Thank You and wish you good navigation