快捷導(dǎo)航

JavaScript實現(xiàn)時間格式的切割與轉(zhuǎn)換

更新時間：2024年04月19日 09:17:15 作者：zheshihuahua

這篇文章主要為大家詳細(xì)介紹了使用JavaScript實現(xiàn)時間格式的切割與轉(zhuǎn)換的相關(guān)知識,文中的示例代碼講解詳細(xì),有需要的小伙伴可以參考一下

1.原格式：2024-04-16T16:19:23 轉(zhuǎn)換為 2024/04/16

代碼：

 console.log(item.createTime,'切割前');
        item.createTime =   item.createTime ? item.createTime.split('T')[0].replace(/-/g, "/")  :   item.createTime         
       console.log(item.createTime,'切割后并轉(zhuǎn)換格式');

2.原格式： 2024-04-16T16:19:23 轉(zhuǎn)換為 2024-04-16 16:19:23

代碼：

function convertTimeFormat(isoTime) {
  const date = new Date(isoTime);
  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}`;
}
        item.createTime =   item.createTime ? convertTimeFormat( item.createTime )  :   item.createTime 
          item.updateTime =  item.updateTime?  convertTimeFormat( item.updateTime)  : item.updateTime

知識補充

在計算機(jī)編程中，常見的時間格式有以下幾種：

1：ISO 8601 格式：國際標(biāo)準(zhǔn)的日期和時間表示方法。

格式為 "YYYY-MM-DDTHH:mm:ss.sssZ"，其中 "T" 是日期和時間的分隔符，"Z" 表示時區(qū)。

例如，"2023-09-29T12:34:56Z" 表示 2023 年 9 月 29 日 12 時 34 分 56 秒的時間點。

2：日期字符串格式：常見的日期表示方法，通常是大家可讀的形式展示。

格式可以是 "YYYY-MM-DD"（例如 "2023-09-29"）、"MM/DD/YYYY"（例如 "09/29/2023"）或 "DD/MM/YYYY"（例如 "29/09/2023"）等。

3：時間戳：

時間戳是指從某個固定的起點（通常是 Unix 時間的起點，即 1970 年 1 月 1 日 00:00:00 UTC）以來經(jīng)過的毫秒數(shù)、秒數(shù)或其他單位數(shù)。整數(shù)形式表示。

4：24 小時制時間：

以小時、分鐘和秒為單位，使用 24 小時制。例如，"12:34:56" 表示 12 時 34 分 56 秒。

5：AM/PM 時間：

使用 12 小時制，并在時間后面加上 "AM" 或 "PM" 表示上午或下午。例如，"12:34:56 PM" 表示下午 12 時 34 分 56 秒。

下面小編為大家整理了一些這些時間格式直接的轉(zhuǎn)換方法，希望對大家有所幫助

1：如何將日期字符串轉(zhuǎn)換為時間戳？

在JavaScript中，可以使用Date對象和其相關(guān)方法將日期字符串轉(zhuǎn)換為時間戳。下面是一個示例代碼：

const dateString = '2021-09-08'; // 替換為您的日期字符串

const date = new Date(dateString);
const timestamp = date.getTime();

console.log(timestamp); // 輸出時間戳，例如：1631107200000

使用Date對象將日期字符串轉(zhuǎn)換為日期對象，然后使用getTime()方法獲取該日期對象的時間戳。

2：如何將時間戳轉(zhuǎn)日期字符串格式？

在JavaScript中，可以使用Date對象和其相關(guān)方法將時間戳轉(zhuǎn)換為日期字符串。下面是一個示例代碼：

const timestamp = 1631107200000; // 替換為您的時間戳

const date = new Date(timestamp);
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
const dateString = `${year}-${month}-${day}`;

console.log(dateString); // 輸出日期字符串，例如：2021-09-08

使用Date對象的getFullYear()、getMonth()和getDate()方法來獲取年、月和日，并使用padStart()方法來確保月份和日期為兩位數(shù)。

3：如何獲取時間戳中的年、月、日，小時、分鐘和秒？

使用Date對象的相關(guān)方法來獲取這些信息。下面是一個示例代碼：

const timestamp = 1631109035000; // 替換為您的時間戳

const date = new Date(timestamp);
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
const hours = String(date.getHours()).padStart(2, '0');
const minutes = String(date.getMinutes()).padStart(2, '0');
const seconds = String(date.getSeconds()).padStart(2, '0');

console.log(year, month, day, hours, minutes, seconds);

使用Date對象的getFullYear()、getMonth()、getDate()、getHours()、getMinutes()和getSeconds()方法來獲取這些信息，并使用padStart()方法來確保它們?yōu)閮晌粩?shù)。

到此這篇關(guān)于JavaScript實現(xiàn)時間格式的切割與轉(zhuǎn)換的文章就介紹到這了,更多相關(guān)JavaScript時間格式切割與轉(zhuǎn)換內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: