首頁 >web前端 >前端問答 >javascript改變日期格式

javascript改變日期格式

PHPz
PHPz原創
2023-05-21 15:09:111657瀏覽

在web開發中,我們常常需要改變日期格式,例如將yyyy-MM-dd格式的日期轉換為dd/MM/yyyy格式,或將日期轉換為時間戳記。在這篇文章中,我們將會介紹如何使用JavaScript改變日期格式。

一、將日期轉換為時間戳

時間戳是指自1970年1月1日00:00:00 UTC以來的毫秒數,它常用於記錄時間和日期分佈。在JavaScript中,我們可以使用Date物件的getTime()方法來取得目前日期的時間戳記:

var timestamp = new Date().getTime();
console.log(timestamp);

上述程式碼會輸出目前的時間戳記。

二、將日期轉換為指定格式

在JavaScript中,我們可以使用Date物件的方法將日期格式化成指定的字串格式。以下列出了一些常用的日期格式:

  1. yyyy-MM-dd:年-月-日
  2. MM/dd/yyyy:月/日/年
  3. dd-MM-yyyy:日/月/年
  4. yyyy-MM-dd HH:mm:ss:年-月-日時:分:秒
  5. yyyyMMddHHmmss:年月日時分秒

以下是使用JavaScript將日期轉換為指定格式的範例程式碼:

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

使用上述程式碼,我們可以方便地將日期轉換為指定格式。

總結:

在web開發中,JavaScript常常被用來改變日期格式。本文介紹如何將日期轉換為時間戳記以及將日期轉換為指定的日期格式,希望可以幫助讀者更能理解JavaScript的日期處理。

以上是javascript改變日期格式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn