JavaScript实现时间格式的切割与转换

 更新时间:2024年04月19日 09:17:15   作者:zheshihuahua  
这篇文章主要为大家详细介绍了使用JavaScript实现时间格式的切割与转换的相关知识,文中的示例代码讲解详细,有需要的小伙伴可以参考一下

1.原格式:2024-04-16T16:19:23 转换为  2024/04/16

代码:

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

2.原格式: 2024-04-16T16:19:23 转换为 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

知识补充

在计算机编程中,常见的时间格式有以下几种:

1:ISO 8601 格式:国际标准的日期和时间表示方法。

格式为 "YYYY-MM-DDTHH:mm:ss.sssZ",其中 "T" 是日期和时间的分隔符,"Z" 表示时区。

例如,"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)以来经过的毫秒数、秒数或其他单位数。整数形式表示。

4:24 小时制时间:

以小时、分钟和秒为单位,使用 24 小时制。例如,"12:34:56" 表示 12 时 34 分 56 秒。

5:AM/PM 时间:

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

下面小编为大家整理了一些这些时间格式直接的转换方法,希望对大家有所帮助

1:如何将日期字符串转换为时间戳?

在JavaScript中,可以使用Date对象和其相关方法将日期字符串转换为时间戳。下面是一个示例代码:

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

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

console.log(timestamp); // 输出时间戳,例如:1631107200000

使用Date对象将日期字符串转换为日期对象,然后使用getTime()方法获取该日期对象的时间戳。

2:如何将时间戳转日期字符串格式?

在JavaScript中,可以使用Date对象和其相关方法将时间戳转换为日期字符串。下面是一个示例代码:

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()方法来确保月份和日期为两位数。

3:如何获取时间戳中的年、月、日,小时、分钟和秒?

使用Date对象的相关方法来获取这些信息。下面是一个示例代码:

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()方法来确保它们为两位数。

到此这篇关于JavaScript实现时间格式的切割与转换的文章就介绍到这了,更多相关JavaScript时间格式切割与转换内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • ES6中Set和Map数据结构的简单讲解

    ES6中Set和Map数据结构的简单讲解

    大家心里是否产生过这样的疑问,JS中既然已经有对象这种数据结构,我们为什么还要再单独去使用Set或者Map呢?下面这篇文章主要给大家介绍了关于ES6中Set和Map数据结构的相关资料,需要的朋友可以参考下
    2022-08-08
  • Javascript下IE与Firefox下的差异兼容写法总结

    Javascript下IE与Firefox下的差异兼容写法总结

    总结一部分IE和Firefox的javascript差异写法,对于像书写多浏览器兼容性更好的代码,可以参考下。
    2010-06-06
  • 微信小程序-详解数据缓存

    微信小程序-详解数据缓存

    每个微信小程序都可以有自己的本地缓存,本篇文章主要介绍了微信小程序-详解数据缓存,可以通过函数可以对本地缓存进行设置、获取和清理,有兴趣的可以了解一下。
    2016-11-11
  • js的with语句使用方法

    js的with语句使用方法

    js的with语句使用方法...
    2007-09-09
  • 小程序实现简单语音聊天的示例代码

    小程序实现简单语音聊天的示例代码

    这篇文章主要介绍了小程序实现简单语音聊天的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • WebSocket中心跳检测与断开重连机制详解

    WebSocket中心跳检测与断开重连机制详解

    心跳检测是指在WebSocket连接过程中定时向服务端发送和接收心跳消息,来确定当前连接是否是正常状态的检测机制,断开重连是指在WebSocket不正常断开连接后,进行重新连接的策略,下面我们就来看看这二者的具体实现吧
    2024-01-01
  • JS实现canvas简单小画板功能

    JS实现canvas简单小画板功能

    这篇文章主要为大家详细介绍了JS实现canvas简单小画板功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • js简单实现交换Li的值

    js简单实现交换Li的值

    这篇文章主要介绍的是通过js简单实现交换Li的值,需要的朋友可以参考下
    2014-05-05
  • 一文详解js中如何改变this指向

    一文详解js中如何改变this指向

    在JavaScript中,关键字this是指向当前执行上下文的对象,它的指向取决于函数被调用的方式,这篇文章主要介绍了js中如何改变this指向的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2026-01-01
  • 使一个函数作为另外一个函数的参数来运行的javascript代码

    使一个函数作为另外一个函数的参数来运行的javascript代码

    使一个函数作为另外一个函数的参数来运行的javascript代码...
    2007-08-08

最新评论