Date JavaScript

Dates et heures JavaScript

L'objet Date de JavaScript nous permet de gérer les dates.

Dans JavaScript, vous pourriez vouloir créer un site web avec un calendrier, un horaire de train ou une interface pour fixer des rendez-vous.

Ces applications doivent afficher le temps correspondant en fonction du fuseau horaire actuel de l'utilisateur.

Mar Ao 11 2020 22:34:40 GMT+0800 (Heure standard de Chine)

Objet Date

Objet DateC'est un objet intégré JavaScript pour stocker la date et l'heure.

Il offre de nombreuses méthodes intégrées pour formater et gérer les données.

L'objet Date est créé avec le constructeur new Date().

let now = new Date();//　Définir une variable avec la date et l'heure actuelles

Par défaut, JavaScript utilise le fuseau horaire du navigateur et affiche la date sous forme de chaîne de caractères complète.

Création d'un objet Date

Il existe quatre méthodes pour créer un nouvel objet Date.

Vous pouvez utiliser n'importe quelle syntaxe pour créer un objet Date avec le constructeur new Date().

　　new Date();
　　new Date(milliseconds);
　　new Date(dateString);
　　new Date(year, month, day, hours, minutes, seconds, milliseconds);

new Date()

Création d'un nouveau objet Date avec new Date() :

let　d　=　new　Date();

new Date(milliseconds)

new Date(milliseconds) créera un nouvel objet Date, qui est le temps zéro ajouté aux millisecondes :

let　d　=　new　Date(0);

JavaScript comprend les dates en fonction du timestamp Unix, qui est1970年1Mois1Le nombre de millisecondes écoulées depuis minuit le jour du mois.

1970年1Mois1Jour ajouté252 4600000000 millisecondes est environ2050年1Mois1Jour :

let　d　=　new　Date(2524600000000);

new Date(dateString)

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

let　d　=　new　Date("July　30　1992　18:30");

new Date(year, month, ...)

Créera un nouvel objet Date avec la date et l'heure spécifiées : new Date(year, month, ...)

7Un nombre spécifie l'année, le mois, le jour, l'heure, la minute, la seconde et les millisecondes (dans cet ordre) :

let　d　=　new　Date(2019,　0,　26,　10,　40,　30,　0);

Dans l'exemple ci-dessus, nos secondes et millisecondes sont définies sur30 et 0.

Si l'année de la date créée manque de nombres, elle est définie par défaut sur 0.

Mais l'ordre ne peut pas être modifié, donc si vous décidez d'omitted une nombre, souvenez-vous de cela.

Vous pourriez également remarquer que le mois de janvier est représenté par 0, plutôt que par1.

C'est parce que les nombres de date et d'heure commencent par 0, comme la plupart des compteurs en programmation.

Le mois de JavaScript va de 0 à11Janvier est 0, décembre est11.

Méthodes de date

Lors de la création d'un objet Date, vous pouvez utiliser plusieurs méthodes pour le manipuler.

En utilisant les méthodes de date, vous pouvez utiliser le temps local ou UTC (commun ou GMT) pourObteniretDéfinirDate, année, mois, jour, heure, minute, seconde et millisecondes.

Récupérer (obtenir) la date

Avec l'objet date, vous pouvez utiliser diverses méthodes intégrées pour accéder à tous les composants de la date.

Ces méthodes retourneront chaque partie de la date par rapport au fuseau horaire local.

Chaque méthode de ces méthodes se termine pargetcommencer, et renverra l'indice relatif.

下表是Date对象的get方法的表：

La méthode getFullYear()

getFullYear()La méthode retourne l'année sous forme de nombre à quatre chiffres.

var d = new Date();
d.getFullYear();

La méthode getMonth()

getMonth()La méthode retourne le mois de l'année sous forme de nombre (0 à11) retourne le mois de l'année.

var d = new Date();
d.getMonth();

Le mois de JavaScript va de 0 à11Janvier est 0, décembre est11.

Dans l'exemple suivant, la variable month stocke le nom du mois :

var arr = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var d = new Date();
var month = arr[d.getMonth()];

La méthode getDate()

getDate()La méthode retourne le jour du mois sous forme de nombre (1-31) est retourné sous forme de jour du mois.

var d = new Date();
d.getDate();

La méthode getDay()

getDay()La méthode retourne le nombre (0-6) retourne le jour de la semaine.

var d = new Date();
d.getDay();

JavaScript traite les jours ouvrables de 0 à6effectuer le compte. Dimanche est 0, samedi est6.

Dans l'exemple suivant, la variable Today stocke le nom de la date :

var arr = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
var d = new Date();
var today = arr[d.getDay()];

La méthode getHours()

getHours()La méthode retourne le nombre d'heures de la date sous forme de nombre (0-23)。

var d = new Date();
d.getHours();

La méthode getMinutes()

getMinutes()La méthode retourne le nombre de minutes de la date sous forme de nombre (0-59)。

var d = new Date();
d.getMinutes();

La méthode getSeconds()

getSeconds()La méthode retourne le nombre de secondes de la date sous forme de nombre (0-59)。

var d = new Date();
d.getSeconds();

La méthode getMilliseconds()

getMilliseconds()La méthode retourne le nombre (0-999) est retourné sous forme de nombre de millisecondes de la date.

var d = new Date();
d.getMilliseconds();

La méthode getTime()

getTime()La méthode retourne1970年1Mois1日以来的毫秒数。

var d = new Date();
d.getTime();

un jour(24heures) est8,640 millions de millisecondes.

date de modification(réglage)

Pour toutes les méthodes que nous avons apprises précédemmentgetméthode, chaque méthode a une correspondancesetméthode.

Si utiliseget从日期中检索特定的组成部分，则使用set来修改日期的组成部分。

下表是Date对象的set方法的表：

setFullYear()方法

setFullYear()方法设置日期对象的年份。

var d = new Date();
d.setFullYear(2010);

setFullYear()方法可以选择设置月和日。

var d = new Date();
d.setFullYear(2010,　8,　30);

setMonth()方法

setMonth()方法设置日期对象的月份(0-11)。

var d = new Date();
d.setMonth(11);

setDate()方法

setDate()方法设置日期对象的月份中的某一天(1-31)。

var d = new Date();
d.setDate(22);

setHours()方法

setHours()方法设置日期对象的小时数(0-23)。

var d = new Date();
d.setHours(18);

setMinutes()方法

setMinutes()方法设置日期对象的分钟数(0-59)。

var d = new Date();
d.setMinutes(32);

setSeconds()方法

setSeconds()方法设置日期对象的秒数(0-59)。

var d = new Date();
d.setSeconds(24);

setMilliseconds()方法

setMilliseconds()方法设置日期对象的毫秒数(0-999)。

var d = new Date();
d.setMilliseconds(420);
document.getElementById('result').innerHTML = d.getMilliseconds();

setTime()方法

setTime()方法将Date对象设置为自1970年1Mois1日以来的毫秒数。

var d = new Date();
d.setTime(1542655292087);

使用UTC的日期方法

　 　 上面讨论的get方法根据用户的本地时区设置检索日期组件。

为了更好地指定日期和时间，可以使用getUTC方法，该方法与get方法完全相同，不同之处在于它们根据UTC（世界标准时间）标准计算时间。

下表是JavaScript Date对象的UTC方法的表：

Pour comprendre la différence entre les méthodes get getLocal et UTC, nous pouvons exécuter le code suivant :

let now = new Date();
//　Imprimer l'heure locale et la zone UTC (local et UTC)
document.write(now.getHours());
document.write(now.getUTCHours());

L'exécution de ce code affichera l'heure actuelle ainsi que l'heure de la zone UTC. Si vous êtes dans la zone UTC, le nombre généré par le programme ci-dessus sera le même.

Plus d'exemples

Dans cet exemple, JavaScript affiche l'heure actuelle.

Référence complète des dates

Pour obtenir une référence complète des propriétés et méthodes, veuillez visiter notreRéférence des dates en JavaScript.

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