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时间格式切割与转换内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • ECharts坐标轴刻度数值处理方法例子

    ECharts坐标轴刻度数值处理方法例子

    这篇文章主要给大家介绍了关于ECharts坐标轴刻度数值处理的相关资料,文章介绍了一个用于图表Y轴数值简写的函数,它可以将大数值转换为K、M、B等简写形式,从而使图表更加美观和易读,需要的朋友可以参考下
    2024-11-11
  • 使用JS监听键盘按下事件(keydown event)

    使用JS监听键盘按下事件(keydown event)

    这篇文章主要介绍了使用JS监听键盘按下事件(keydown event),本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-11-11
  • 微信小程序js文件改变参数并在视图上及时更新【推荐】

    微信小程序js文件改变参数并在视图上及时更新【推荐】

    这篇文章主要介绍了微信小程序js文件改变参数并在视图上及时更新的实现代码,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友参考下吧
    2018-06-06
  • dateformat.js超轻量级的JS日期处理库的使用

    dateformat.js超轻量级的JS日期处理库的使用

    dateformat.js 是一个非常简洁、轻量级、不到 5kb 的很简洁的 Javascript 库,本文主要介绍了dateformat.js超轻量级的JS日期处理库的使用,感兴趣的可以了解一下
    2023-12-12
  • javascript removeChild 导致的内存泄漏

    javascript removeChild 导致的内存泄漏

    最近看到司徒正美的一篇文章《移除DOM节点》,文中说到在IE中移除容器类节点,会引起内存泄露。
    2010-08-08
  • 页面实时更新时间的JS实例代码

    页面实时更新时间的JS实例代码

    这篇文章主要介绍了页面实时更新时间的JS实例代码,有需要的朋友可以参考一下
    2013-12-12
  • javascript运动详解

    javascript运动详解

    本文给大家详细介绍下如何使用javascript来实现运动效果,总结的十分全面,附上各种效果的详细示例和演示图,有需要的小伙伴可以参考下。
    2015-07-07
  • 深入理解JavaScript系列(26):设计模式之构造函数模式详解

    深入理解JavaScript系列(26):设计模式之构造函数模式详解

    这篇文章主要介绍了深入理解JavaScript系列(26):设计模式之构造函数模式详解,本文讲解了基本用法、构造函数与原型、只能用new吗?、强制使用new、原始包装函数等内容,需要的朋友可以参考下
    2015-03-03
  • 微信小程序获取验证码60秒倒计时功能

    微信小程序获取验证码60秒倒计时功能

    这篇文章主要介绍了微信小程序获取验证码60秒倒计时模板,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • 微信小程序画布圆形进度条显示效果

    微信小程序画布圆形进度条显示效果

    这篇文章主要为大家详细介绍了微信小程序画布圆形进度条显示效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07

最新评论