Tutoriel JavaScript

JS ACCUEIL Présentation de JS JS Où aller Sortie JS Déclarations JS Syntaxe JS Commentaires JS Variables JS JS Let Const JS Opérateurs JS Arithmétique JS Affectation JS Types de données JS Fonctions JavaScript Objets JS Événements JS Chaînes JS Méthodes de chaîne JS Recherche de chaîne JS Modèles de chaîne JS Numéros JS Méthodes de nombre JS Tableaux JS Méthodes de tableau JS Tri de tableau JS Itération de tableau JS Const tableau JS Dates JS Formats de date JS Méthodes d'obtention de date JS Méthodes de définition de date JS JS Mathématiques JS Aléatoire Booléens JS Comparaisons JS Conditions JS Commutateur JS Boucle JS pour Boucle JS pour dans Boucle JS pour de Boucle JS pendant Pause JS Itérables JS Ensembles JS Cartes JS Type de JS Conversion de type JS JS au niveau du bit JS RegExp Erreurs JS Portée JS JS Levage Mode JS strict JS ce mot clé Fonction flèche JS Cours JS JSJSON Débogage JS Guide de style JS Meilleures pratiques JS Erreurs JS Performances JS Mots réservés JS

Versions JavaScript

Versions JavaScript JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Historique JS

Objets JS

Définitions d'objet Propriétés de l'objet Méthodes d'objet Affichage d'objet Accesseurs d'objet Constructeurs d'objets Prototypes d'objets Itérables d'objet Ensembles d'objets Cartes d'objets Référence d'objet

Fonctions JavaScript

Définitions des fonctions Paramètres de fonction Appel de fonction Appel de fonction Fonction Appliquer Fermetures de fonction

Cours JS

Introduction de classe Héritage de classe Classe Statique

JS asynchrone

Rappels JS JS asynchrone JS promet JS asynchrone/en attente

JS HTML DOM

Introduction DOM Méthodes DOM Documents DOM Éléments DOM HTML DOM Formulaires DOM DOM CSS Animations DOM Événements DOM Écouteur d'événements DOM Navigation DOM Nœuds DOM Collections DOM Listes de nœuds DOM

Nomenclature du navigateur JS

Fenêtre JS Écran JavaScript Emplacement JS Historique JS Navigateur JS Alerte contextuelle JS Calendrier JS Cookies JavaScript

API Web JS

Présentation de l'API Web API des formulaires Web API d'historique Web API de stockage Web API de travail Web API de récupération Web API de géolocalisation Web

JS AJAX

Introduction à AJAX AJAX XMLHttp Requête AJAX Réponse AJAX Fichier XML AJAX PHP AJAX ASP AJAX Base de données AJAX Applications AJAX Exemples AJAX

JSJSON

Présentation JSON Syntaxe JSON JSON contre XML Types de données JSON Analyse JSON Chaîne JSON Objets JSON Tableaux JSON Serveur JSON JSON PHP HTML JSON JSON JSONP

JS contre jQuery

Sélecteurs jQuery jQuery HTML jQuery CSS jQuery DOM

Graphiques JS

Graphiques JS Canevas JS JS Complot JS Chart.js Graphique Google JS JS D3.js

Exemples JS

Exemples JS JS HTML DOM Entrée HTML JS Objets HTML JS Événements HTML JS Navigateur JS Éditeur JavaScript Exercices JS Questionnaire JS Certificat JS

Références JavaScript

Objets JavaScript Objets DOM HTML


Objets de date JavaScript


JavaScript Date Object nous permet de travailler avec des dates :

sam. 29 janvier 2022 21:25:41 GMT+0000 (temps universel coordonné)

Exemple

const d = new Date();

Sortie de date JavaScript

Par défaut, JavaScript utilisera le fuseau horaire du navigateur et affichera une date sous forme de chaîne de texte complète :

sam. 29 janvier 2022 21:25:41 GMT+0000 (temps universel coordonné)

Vous en apprendrez beaucoup plus sur la façon d'afficher les dates plus loin dans ce didacticiel.


Création d'objets de date

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

Il existe 4 façons de créer un nouvel objet date :

new Date()
new Date(year, month, day, hours, minutes, seconds, milliseconds)
new Date(milliseconds)
new Date(date string)

nouvelle date()

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

Exemple

const d = new Date();

Les objets de date sont statiques. L'heure de l'ordinateur tourne, mais pas les objets de date.


nouvelle Date( année, mois, ... )

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

7 chiffres spécifient l'année, le mois, le jour, l'heure, la minute, la seconde et la milliseconde (dans cet ordre) :

Exemple

const d = new Date(2018, 11, 24, 10, 33, 30, 0);

Remarque : JavaScript compte les mois de 0 à 11 :

janvier = 0 .

décembre = 11 .

Spécifier un mois supérieur à 11, n'entraînera pas d'erreur mais ajoutera le débordement à l'année suivante :

En précisant:

const d = new Date(2018, 15, 24, 10, 33, 30);

Est le même que:

const d = new Date(2019, 3, 24, 10, 33, 30);

Spécifier un jour supérieur à max, n'entraînera pas d'erreur mais ajoutera le dépassement au mois suivant :

En précisant:

const d = new Date(2018, 5, 35, 10, 33, 30);

Est le même que:

const d = new Date(2018, 6, 5, 10, 33, 30);

Utilisation de 6, 4, 3 ou 2 numéros

6 chiffres précisent l'année, le mois, le jour, l'heure, la minute, la seconde :

Exemple

const d = new Date(2018, 11, 24, 10, 33, 30);

5 chiffres indiquent l'année, le mois, le jour, l'heure et la minute :

Exemple

const d = new Date(2018, 11, 24, 10, 33);

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

Exemple

const d = new Date(2018, 11, 24, 10);

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

Exemple

const d = new Date(2018, 11, 24);

2 chiffres précisent l'année et le mois :

Exemple

const d = new Date(2018, 11);

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

Exemple

const d = new Date(2018);

Siècle précédent

Les années à un et deux chiffres seront interprétées comme 19xx :

Exemple

const d = new Date(99, 11, 24);

Exemple

const d = new Date(9, 11, 24);

nouvelle Date( chaîneDate )

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

Exemple

const d = new Date("October 13, 2014 11:13:00");

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


JavaScript stocke les dates en millisecondes

JavaScript stocke les dates sous forme de nombre de millisecondes depuis le 01 janvier 1970, 00:00:00 UTC (Universal Time Coordinated).

L'heure zéro est le 1er janvier 1970 à 00:00:00 UTC.

L'heure actuelle est : 1643491541389 millisecondes après le 1er janvier 1970


nouvelle date ( millisecondes )

new Date(milliseconds)crée un nouvel objet date en tant que temps zéro plus millisecondes :

Exemple

const d = new Date(0);

Le 1er janvier 1970 plus 100 000 000 000 millisecondes correspond approximativement au 3 mars 1973 :

Exemple

const d = new Date(100000000000);

Le 01 janvier 1970 moins 100 000 000 000 millisecondes correspond approximativement au 31 octobre 1966 :

Exemple

const d = new Date(-100000000000);

Exemple

const d = new Date(86400000);

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



Méthodes de datation

Lorsqu'un objet Date est créé, un certain nombre de méthodes vous permettent d'agir dessus.

Les méthodes de date vous permettent d'obtenir et de définir l'année, le mois, le jour, l'heure, la minute, la seconde et la milliseconde des objets de date, 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 affichera (par défaut) les dates au format de chaîne de texte intégral :

Exemple

Sat Jan 29 2022 21:25:41 GMT+0000 (Coordinated Universal Time)

Lorsque vous affichez un objet date en HTML, il est automatiquement converti en chaîne, avec la toString()méthode.

Exemple

const d = new Date();
d.toString();

La toUTCString()méthode convertit une date en une chaîne UTC (une norme d'affichage de date).

Exemple

const d = new Date();
d.toUTCString();

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

Exemple

const d = new Date();
d.toDateString();

La toISOString()méthode convertit un objet Date en chaîne, en utilisant le format standard ISO :

Exemple

const d = new Date();
d.toISOString();

Référence de date JavaScript complète

Pour une référence complète de Date, rendez-vous sur notre :

Compléter la référence de date JavaScript .

La référence contient des descriptions et des exemples de toutes les propriétés et méthodes Date.