Modifier le format de date javascript

Comment modifier le format de date en JavaScript ?

Il existe de nombreuses façons de représenter les dates en JavaScript, telles que les objets date et les chaînes de date. Dans le développement réel, nous devons souvent formater la date sous une forme spécifiée. Cet article explique comment modifier le format de date à l'aide de JavaScript.

1. Objet Date

L'objet Date est un objet standard pour gérer les dates et les heures en JavaScript Nous pouvons l'utiliser pour représenter une date spécifique. et heure :

let currentDate = new Date();
console.log(currentDate); // 输出当前日期

Le résultat de sortie est :

Fri Oct 15 2021 14:10:30 GMT+0800 (中国标准时间)

2. Formatage de la date

Pour formater. la date dans le formulaire spécifié, nous devons utiliser certaines méthodes et propriétés de l'objet Date. Par exemple :

• getDate() : Obtenez le jour dans la date
• getMonth() : Obtenez le mois dans la date (à partir de 0) #🎜 🎜## 🎜🎜#getFullYear() : Obtenez l'année dans la date
• getHours() : Obtenez les heures dans la date (format 24 heures)
• getMinutes( ) : Obtenez les heures dans la date Minutes
• getSeconds() : Obtenez les secondes dans la date
• toLocaleDateString() : Convertissez la date en une chaîne d'heure locale#🎜🎜 #
toLocaleTimeString() : Convertir l'heure en chaîne d'heure locale
• Sur la base de ces méthodes, nous pouvons personnaliser la méthode de formatage de la date, comme suit :

function dateTimeFormatter(date) {
  const year = date.getFullYear();
  const month = (date.getMonth() + 1).toString().padStart(2, '0');
  const day = date.getDate().toString().padStart(2, '0');
  const hours = date.getHours().toString().padStart(2, '0');
  const minutes = date.getMinutes().toString().padStart(2, '0');
  const seconds = date.getSeconds().toString().padStart(2, '0');

  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
}

const date = new Date();
console.log(dateTimeFormatter(date)); // 输出自定义格式化日期

#🎜 🎜#Output Le résultat est :

2021-10-15 14:24:12

Date string to date object

Si nous avons une chaîne de date, nous devons la convertir en un objet date, nous pouvons utiliser la méthode parse() de l'objet Date :

3. const dateString = '2021-10-15T14:30:00';
   const date = new Date(Date.parse(dateString));
   console.log(date);

Le résultat de sortie est :

Fri Oct 15 2021 14:30:00 GMT+0800 (中国标准时间)

Objet date vers chaîne de date# 🎜🎜##🎜 🎜#

Si nous avons un objet date et devons le convertir en chaîne de date, nous pouvons utiliser les méthodes toISOString() et toLocaleString() de l'objet Date :

const date = new Date();
console.log(date.toISOString()); // 输出 ISO 格式的日期字符串
console.log(date.toLocaleString()); // 输出本地化日期时间字符串

# 🎜🎜#Les résultats de sortie sont respectivement Pour :

2021-10-15T06:38:27.752Z
2021/10/15 上午6:38:27

Moment.js library

En plus d'utiliser des méthodes et des fonctions natives en JavaScript, nous pouvons également utiliser la bibliothèque Moment.js pour gérer les dates et les heures. La bibliothèque fournit une API riche et des outils pour résoudre facilement des problèmes tels que le formatage de la date, les calculs de date et les paramètres de fuseau horaire.

Exemple :

const date = moment(new Date()).format('YYYY-MM-DD HH:mm:ss');
console.log(date);

5. Le résultat de la sortie est cohérent avec la sortie de date formatée personnalisée :

2021-10-15 15:17:24

Résumé :

#🎜🎜 # En JavaScript, nous pouvons utiliser l'objet Date natif et certaines méthodes et propriétés pour traiter les dates et les heures, ou nous pouvons utiliser la bibliothèque Moment.js pour traiter facilement les dates et les heures. Qu'il s'agisse de JavaScript ou de la bibliothèque Moment.js, nous devons comprendre les méthodes courantes de traitement des dates et les API associées pour mieux gérer les dates et les heures.

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!