Javascript Datumsformat ändern

PHPz
Freigeben: 2023-05-21 15:09:11
Original
1649 Leute haben es durchsucht

In der Webentwicklung müssen wir häufig das Datumsformat ändern, z. B. ein Datum im Format JJJJ-MM-TT in das Format TT/MM/JJJJ oder ein Datum in einen Zeitstempel konvertieren. In diesem Artikel stellen wir vor, wie Sie das Datumsformat mithilfe von JavaScript ändern.

1. Datum in Zeitstempel umrechnen

Der Zeitstempel bezieht sich auf die Anzahl der Millisekunden seit dem 1. Januar 1970, 00:00:00 UTC. Er wird häufig zur Aufzeichnung der Zeit- und Datumsverteilung verwendet. In JavaScript können wir die Methode getTime() des Date-Objekts verwenden, um den Zeitstempel des aktuellen Datums abzurufen:

var timestamp = new Date().getTime();
console.log(timestamp);
Nach dem Login kopieren

Der obige Code gibt den aktuellen Zeitstempel aus.

2. Konvertieren Sie das Datum in das angegebene Format.

In JavaScript können wir die Date-Objektmethode verwenden, um das Datum in das angegebene Zeichenfolgenformat zu formatieren. Nachfolgend sind einige gängige Datumsformate aufgeführt:

  1. JJJJ-MM-TT: Jahr-Monat-Tag
  2. MM/TT/JJJJ: Monat/Tag/Jahr
  3. TT-MM-JJJJ: Tag/Monat/Jahr
  4. jjjj-MM-tt HH:mm:ss: Jahr-Monat-Tag Stunde: Minute: Sekunde
  5. jjjjMMttHHmmss: Jahr-Monat-Tag-Stunde-Minute-Sekunde

Das Folgende ist ein Beispielcode, der JavaScript zum Konvertieren verwendet ein Datum in ein angegebenes Format:

// 将日期格式化为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
Nach dem Login kopieren

Mit dem obigen Code können wir das Datum einfach in das angegebene Format konvertieren.

Zusammenfassung:

In der Webentwicklung wird häufig JavaScript verwendet, um das Datumsformat zu ändern. In diesem Artikel wird erläutert, wie man Datumsangaben in Zeitstempel umwandelt und wie man Datumsangaben in bestimmte Datumsformate umwandelt. Ich hoffe, dass er den Lesern dabei helfen kann, die JavaScript-Datumsverarbeitung besser zu verstehen.

Das obige ist der detaillierte Inhalt vonJavascript Datumsformat ändern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage