L'objet Date vous permet de travailler avec des dates (années, mois, jours, heures, minutes, secondes et millisecondes)
JavaScript Formats de date
Une date JavaScript peut être écrit comme une chaîne:
Sun 06 2016 06:57:46 nov GMT + 0800 (中国标准时间)
ou sous forme d'un numéro:
1478386666530
Dates écrites sous forme de nombres, indique le nombre de millisecondes depuis le 1er Janvier 1970, 00:00:00.
Affichage des dates
Dans ce tutoriel , nous utilisons un script pour afficher les dates à l' intérieur d' un <p> élément avec id="demo" :
Exemple
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Date();
</script>
Essayez - le vous - même » Le script ci - dessus dit: affecter la valeur de Date() au contenu ( innerHTML ) de l'élément avec id="demo" .
Vous apprendrez comment afficher une date, dans un format plus lisible, au bas de cette page.
Création d'objets Date
L'objet Date nous permet de travailler avec des dates.
Une date consiste en un an, un mois, un jour, une heure, une minute, une seconde et millisecondes.
La date objets sont créés avec le new Date() constructeur.
Il y a 4 façons de lancer une date:
new Date()
new Date(milliseconds)
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, milliseconds)
Utilisation new Date() , crée un nouvel objet de date avec la date et l' heure actuelle:
Exemple
<script>
var d = new Date();
document.getElementById("demo").innerHTML =
d;
</script>
Essayez - le vous - même » Utilisation de nouveaux Date (date string), crée un nouvel objet date à partir de la date et l' heure spécifiées:
Exemple
<script>
var d = new Date("October 13, 2014 11:13:00");
document.getElementById("demo").innerHTML =
d;
</script>
Essayez - le vous - même » chaînes de date valides (formats de date) sont décrits dans le chapitre suivant.
Utilisation new Date (numéro), crée un nouvel objet date temps zéro plus le nombre.
Le temps zéro est 01 January 1970 00:00:00 UTC à 01 January 1970 00:00:00 UTC . Le nombre est spécifié en millisecondes:
Exemple
<script>
var d = new Date(86400000);
document.getElementById("demo").innerHTML =
d;
</script>
Essayez - le vous - même » dates JavaScript sont calculées en millisecondes à partir du 01 Janvier 1970 à 00:00:00 UTC (temps universel). Un jour contient 86400000 milliseconde.
Utilisation de new Date (7 numéros), crée un nouvel objet de date avec la date et l' heure spécifiées:
Les numéros 7 spécifient l'année, mois, jour, heure, minute, seconde et milliseconde, dans cet ordre:
Exemple
<script>
var d = new Date(99,5,24,11,33,30,0);
document.getElementById("demo").innerHTML =
d;
</script>
Essayez - le vous - même » Des variantes de l'exemple ci-dessus permettent de nous omettons l'un des 4 derniers paramètres:
Exemple
<script>
var d = new Date(99,5,24);
document.getElementById("demo").innerHTML = d;
</script>
Essayez - le vous - même » JavaScript compte mois de 0 à 11. Janvier est 0. Décembre est 11.
La date Méthodes
Quand un objet Date est créé, un certain nombre de méthodes vous permettent de faire fonctionner sur elle.
Date de méthodes vous permettent d'obtenir et de définir l'année, mois, jour, heure, minute, seconde et milliseconde d'objets, en utilisant soit l'heure locale ou l'heure UTC (universel ou GMT).
La date méthodes sont couverts dans un chapitre ultérieur.
Affichage des dates
Lorsque vous affichez un objet date en HTML, il est automatiquement converti en une chaîne, avec le toString() méthode.
Exemple
<p id="demo"></p>
<script>
d = new Date();
document.getElementById("demo").innerHTML = d;
</script>
Est le même que:
<p id="demo"></p>
<script>
d = new Date();
document.getElementById("demo").innerHTML = d.toString();
</script>
Essayez - le vous - même » Le toUTCString() méthode convertit une date à une chaîne de UTC (une norme d'affichage de date).
Exemple
<script>
var d = new Date();
document.getElementById("demo").innerHTML =
d.toUTCString();
</script>
Essayez - le vous - même » Le toDateString() méthode convertit une date à un format plus lisible:
Exemple
<script>
var d = new Date();
document.getElementById("demo").innerHTML =
d.toDateString();
</script>
Essayez - le vous - même » Objets Date sont statiques. Le temps d'ordinateur est compté, mais les objets de date, une fois créé, ne sont pas.
Fuseaux horaires
Lors de la définition d'une date, sans préciser le fuseau horaire, JavaScript utilisera le fuseau horaire du navigateur.
Lors de l'obtention d'une date, sans préciser le fuseau horaire, le résultat est converti en le fuseau horaire du navigateur.
En d'autres termes: Si une date / heure est créé dans GMT (Greenwich Mean Time), la date / heure sera converti en CDT (US Central Daylight Time) si un utilisateur navigue du centre des États-Unis.
En savoir plus sur les fuseaux horaires dans les prochains chapitres.
Testez-vous avec des exercices!
Exercice 1 » Exercice 2» Exercice 3 »