Maison > interface Web > Questions et réponses frontales > javascript changer le format de la date

javascript changer le format de la date

PHPz
Libérer: 2023-05-21 15:09:11
original
1696 Les gens l'ont consulté

Dans le développement Web, nous devons souvent changer le format de date, comme convertir une date au format aaaa-MM-jj au format jj/MM/aaaa, ou convertir une date en horodatage. Dans cet article, nous présenterons comment modifier le format de date à l'aide de JavaScript.

1. Convertir la date en horodatage

L'horodatage fait référence au nombre de millisecondes depuis le 1er janvier 1970 à 00:00:00 UTC. Il est souvent utilisé pour enregistrer la distribution de l'heure et de la date. En JavaScript, nous pouvons utiliser la méthode getTime() de l'objet Date pour obtenir l'horodatage de la date actuelle :

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

Le code ci-dessus affichera l'horodatage actuel.

2. Convertir la date dans le format spécifié

En JavaScript, nous pouvons utiliser la méthode objet Date pour formater la date dans le format de chaîne spécifié. Certains formats de date courants sont répertoriés ci-dessous :

  1. aaaa-MM-jj : année-mois-jour
  2. MM/jj/aaaa : mois/jour/année
  3. jj-MM-aaaa : jour/mois/année
  4. aaaa-MM-jj HH:mm:ss : année-mois-jour heure : minute : seconde
  5. aaaaMMjjHHmmss : année-mois-jour-heure-minute-seconde

Ce qui suit est un exemple de code qui utilise JavaScript pour convertir une date dans un format spécifié :

// 将日期格式化为yyyy-MM-dd格式
function formatDate(date) {
  var year = date.getFullYear();
  var month = date.getMonth() + 1;
  var day = date.getDate();
  if (month < 10) month = "0" + month;
  if (day < 10) day = "0" + day;
  return year + "-" + month + "-" + day;
}
var date = new Date();
console.log(formatDate(date)); //2022-02-22

// 将日期格式化为MM/dd/yyyy格式
function formatDate2(date) {
  var year = date.getFullYear();
  var month = date.getMonth() + 1;
  var day = date.getDate();
  if (month < 10) month = "0" + month;
  if (day < 10) day = "0" + day;
  return month + "/" + day + "/" + year;
}
console.log(formatDate2(date)); //02/22/2022

// 将日期格式化为dd-MM-yyyy格式
function formatDate3(date) {
  var year = date.getFullYear();
  var month = date.getMonth() + 1;
  var day = date.getDate();
  if (month < 10) month = "0" + month;
  if (day < 10) day = "0" + day;
  return day + "-" + month + "-" + year;
}
console.log(formatDate3(date)); //22-02-2022

// 将日期格式化为yyyy-MM-dd HH:mm:ss格式
function formatDate4(date) {
  var year = date.getFullYear();
  var month = date.getMonth() + 1;
  var day = date.getDate();
  var hour = date.getHours();
  var minute = date.getMinutes();
  var second = date.getSeconds();
  if (month < 10) month = "0" + month;
  if (day < 10) day = "0" + day;
  if (hour < 10) hour = "0" + hour;
  if (minute < 10) minute = "0" + minute;
  if (second < 10) second = "0" + second;
  return year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second;
}
console.log(formatDate4(date)); //2022-02-22 00:00:00

// 将日期格式化为yyyyMMddHHmmss格式
function formatDate5(date) {
  var year = date.getFullYear();
  var month = date.getMonth() + 1;
  var day = date.getDate();
  var hour = date.getHours();
  var minute = date.getMinutes();
  var second = date.getSeconds();
  if (month < 10) month = "0" + month;
  if (day < 10) day = "0" + day;
  if (hour < 10) hour = "0" + hour;
  if (minute < 10) minute = "0" + minute;
  if (second < 10) second = "0" + second;
  return "" + year + month + day + hour + minute + second;
}
console.log(formatDate5(date)); //20220222000000
Copier après la connexion

En utilisant le code ci-dessus, nous pouvons facilement convertir la date dans le format spécifié.

Résumé :

Dans le développement Web, JavaScript est souvent utilisé pour changer le format de date. Cet article explique comment convertir des dates en horodatages et convertir des dates dans des formats de date spécifiés. J'espère qu'il pourra aider les lecteurs à mieux comprendre le traitement des dates JavaScript.

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