Maison > interface Web > Questions et réponses frontales > Comment afficher la date écrite en javascript

Comment afficher la date écrite en javascript

王林
Libérer: 2023-05-17 15:07:08
original
1584 Les gens l'ont consulté

JavaScript est un langage de script couramment utilisé dans le développement de sites Web, d'applications mobiles et d'applications de bureau. En JavaScript, la date est un type de données courant qui peut être utilisé pour stocker et manipuler des dates et des heures. Cet article explique comment utiliser JavaScript pour afficher des dates.

1. Obtenez la date actuelle

Pour obtenir la date actuelle, vous pouvez utiliser l'objet Date de JavaScript. L'objet Date possède un constructeur sans paramètre qui renvoie la date et l'heure actuelles. Voici un exemple simple :

var today = new Date();
console.log(today);
Copier après la connexion

Après avoir exécuté le code ci-dessus, la date et l'heure actuelles seront affichées sur la console au format suivant :

Thu Jan 28 2021 11:26:24 GMT+0800 (中国标准时间)
Copier après la connexion

Le format de sortie ci-dessus n'est peut-être pas celui que nous souhaitons. Nous pouvons utiliser le. méthode de l’objet Date vers la sortie de date formatée. Voici quelques méthodes couramment utilisées :

1. getFullYear() : obtenez l'année.

var year = today.getFullYear();
console.log(year);
Copier après la connexion

2. getMonth() : Obtenez le mois (0 signifie janvier, 11 signifie décembre).

var month = today.getMonth() + 1;
console.log(month);
Copier après la connexion

3. getDate() : Obtenez la date (1-31).

var date = today.getDate();
console.log(date);
Copier après la connexion

4. getDay() : Obtenez le jour de la semaine (0 signifie dimanche, 6 signifie samedi).

var day = today.getDay();
console.log(day);
Copier après la connexion

5. getHours() : Obtenez le nombre d'heures (0-23).

var hours = today.getHours();
console.log(hours);
Copier après la connexion

6. getMinutes() : Obtenez le nombre de minutes (0-59).

var minutes = today.getMinutes();
console.log(minutes);
Copier après la connexion

7. getSeconds() : Obtenez le nombre de secondes (0-59).

var seconds = today.getSeconds();
console.log(seconds);
Copier après la connexion

2. Sortie de date formatée

La méthode ci-dessus peut obtenir différentes parties de date et d'heure, et nous pouvons les assembler pour obtenir un format de date personnalisé. Voici un exemple :

var year = today.getFullYear();
var month = today.getMonth() + 1;
var date = today.getDate();
var hours = today.getHours();
var minutes = today.getMinutes();
var seconds = today.getSeconds();

var formattedDate = year + '-' + month + '-' + date + ' ' + hours + ':' + minutes + ':' + seconds;
console.log(formattedDate);
Copier après la connexion

Après avoir exécuté le code ci-dessus, la date au format suivant sera affichée sur la console :

2021-1-28 11:32:47
Copier après la connexion

Si vous souhaitez afficher une heure plus précise, vous pouvez utiliser la méthode suivante :

8. getMilliseconds() : obtient le nombre de millisecondes (0-999).

var milliseconds = today.getMilliseconds();
console.log(milliseconds);
Copier après la connexion

Après avoir utilisé la méthode ci-dessus, vous pouvez créer une sortie de date et d'heure plus précise.

3. Date personnalisée

En plus d'obtenir la date actuelle, nous pouvons également créer un objet de date personnalisé basé sur l'année, le mois, le jour et d'autres paramètres donnés. Voici un exemple :

var customDate = new Date(2021, 0, 1, 12, 0, 0, 0);
console.log(customDate);
Copier après la connexion

Le code ci-dessus crée un objet date personnalisé qui représente 12 heures le 1er janvier 2021. Notez que les mois commencent à compter à partir de 0, donc 0 signifie janvier.

Utilisez la méthode ci-dessus pour afficher les dates en JavaScript. Grâce aux objets date et aux méthodes de formatage de date, nous pouvons traiter et afficher les dates de manière flexible pour répondre à différents besoins.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal