Manipulation des dates/heures en Javascript

Présentation au sujet: "Manipulation des dates/heures en Javascript"— Transcription de la présentation:

1 Manipulation des dates/heures en Javascript

2 Date Manipuler les dates et le temps est très utile. Récupérer la
date locale d’un visiteur, convertir une date en temps GMT, extraire les minutes ou les jours à des fins de calcul ou utiliser un délai pour exécuter des fonction récursive, et autres manipulations. L'objet Date L'objet " date " du Javascript permet d'accéder et de manipuler le format date et heure.

3 Date Pour manipuler une date ou obtenir la date du jour vous
devez créer un objet date. Il y a quatre façons de faire. NomObjet = new Date() NomObjet = new Date(" mois Jour, année heures:minutes:secondes ") NomObjet = new Date(année, mois, jour) NomObjet = new Date(année, mois, jour, heures, minutes, secondes)

4 Date et Heure La première syntaxe permet d'obtenir la date du jour dans le format (MM/JJ/AA) NomObjet = new Date() La deuxième permet de forcer une date avec l'heure dans une chaîne de caractères (string) NomObjet = new Date(" mois Jour, année heures:minutes:secondes ") Les troisième et quatrième syntaxes en format numérique (integer) NomObjet = new Date(année, mois, jour) NomObjet = new Date(année, mois, jour, heures, minutes, secondes)

5 Date et Heure Aujourdhui = new Date()
Noel = new Date("February 5, :15:00") Noel = new Date(97, 12, 25) Noel = new Date(97, 12, 25, 1, 0, 0)

6 Méthodes de Date et Heure
Les Méthodes Une fois votre objet créé ou la date du jour obtenu, vous pouvez utiliser les méthodes (prochaine diapo.) pour manipuler votre objet. La structure NomObjet.NomMethode(paramètres).

7 Méthodes et paramètres
getDate() Retourne le jour du mois pour une date spécifique. getDay() Retourne le jour de la semaine pour une date spécifique. Zéro pour dimanche, 1 pour lundi et ainsi de suite. getHours() Retourne l'heure d'une date spécifique. Entre 0 et 23. getMinutes() Retourne les minute d'une date spécifique. Nombre entre 0 et 59.

8 Méthodes et paramètres
getMonth() Retourne le mois d'une date spécifique. Nombre entre 0 et 11. getSeconds() Retourne les secondes d'une date spécifique. Nombre entre 0 et 59. getTime() Retourne le nombre de milisecondes depuis le 1er janvier 1970. getUTCHours Retourne l'heure selon la norme "Greenwich Mean Time GMT" en minute.

9 Méthodes et paramètres
getYear Retourne l'année d'une date spécifique. À partir de 1900. setDate() Change la date d'un mois. Entre 1 et 31 setHours() Change l'heure d'une date spécifique. Entre 0 et 23. setMinutes() Change les minutes d'une date spécifique. Entre 0 et 59.

10 Méthodes et paramètres
setMonth() Change le mois d'une date spécifique. Entre 0 et 11. setSeconds() Change les secondes d'une date spécifique. Entre 0 et 59. setTime() Change la valeur de l'objet Date. setYear() Change l'année d'une date spécifique. Entre 0 et 23.

11 Méthodes et paramètres
setTimeout() clearTimeout() Évalue une expression après un certain délais en milisecondes.

12 Exemples getDate() Retourne le jour du mois pour une date spécifique. Nombre entre 1 et 31 Syntaxe : NomObjet.getDate() Paramètres : aucun <script type="text/javascript" language="javascript"> maDate = new Date("February 26, :16:00"); jour = maDate.getDate(); // Alerte pour afficher le résultat // "\n" permet de changer de ligne alert("maDate = "+maDate+"\ngetDate = "+jour) </script> Résultat maDate = Mon Feb 26 11:16:00 EST 2002 getDate = 5

13 Exemples getHours() Retourne l'heure d'une date spécifique. Nombre entre 0 et 23. Syntaxe : NomObjet.getHours() Paramètres : aucun <script type="text/javascript" language="javascript"> maDate = new Date("February 5, :15:00"); nHeure = maDate.getHours(); alert("maDate = "+maDate+"\ngetHours = "+nHeure) </script> Résultat maDate = Mon Feb 5 23:15:00 EST 2001 getHours = 23

14 Exemples setDate() Change la date d'un mois.
Syntaxe : NomObjet.setDate(valeurJour) Paramètres : valeurJour = un nombre entre 1 et 31 <script type="text/javascript" language="javascript"> maDate1 = new Date("February 2, :15:00"); maDate2 = new Date("February 2, :15:00"); maDate2.setDate(5); alert("maDate = "+maDate1+"\nsetDate = "+maDate2) </script> Résultat maDate = Fri Feb 2 18:15:00 EST 2001 setDate = Mon Feb 5 18:15:00 EST 2001

15 Autres exemples