JavaScript如何将时间戳转化为年月日时分秒格式

 更新时间:2023年11月11日 09:19:33   作者:喂-  
这篇文章主要给大家介绍了关于JavaScript如何将时间戳转化为年月日时分秒格式的相关资料,在前端的日常工作当中,时间戳的使用也是不少的,有时后端返回给我们的数据是一个时间戳,我们需要转换成年月日,时分秒的形式展示在页面当中,需要的朋友可以参考下

首先获取到当前的时间戳或者需要转化为时间的时间戳

var time = new Date(时间戳);
//得到Thu May 11 2023 15:22:41 GMT+0800 (中国标准时间)
//这种样式的时间但是不是我们想要的所以要继续处理

然后使用getFullYear、getMonth、 getDate、getHours、getMinutes、getSeconds等方法来获取当前时间的年月日时分秒

var y=time.getFullYear();//返回年份
//getMonth方法从 Date 对象返回月份 (0 ~ 11),返回结果需要手动加一var d = time.getDate();
// getDate方法从 Date 对象返回一个月中的某一天 (1 ~ 31)
var M=time.getMonth()+1;
var d=time.getDate();
var h=time.getHours();
var m = time.getMinutes(); 
var s = times.getSeconds();

最后使用字符串拼接的方式得到我们想要的时间

var times = y + '-' + M + '-' + d + ' ' + h + ':' + m + ':' + s
//得到这种格式2023-5-11 15:32:29

如果往后端传时间有严格要求必须是0000-00-00 00:00:00这种格式再做处理

if (M <= 9) {
	M = '0' + M
}
if (d <= 9) {
	d = '0' + d
}
if (h <= 9) {
	h = '0' + h
}
if (m <= 9) {
	m = '0' + m
}
if (s <= 9) {
	s = '0' + s
}
//得到这种格式2023-05-11 15:35:35

附:自定义方法转换

	getYMDHMS (timestamp) {
      let time = new Date(timestamp)
      let year = time.getFullYear()
      let month = time.getMonth() + 1
      let date = time.getDate()
      let hours = time.getHours()
      let minute = time.getMinutes()
      let second = time.getSeconds()

      if (month < 10) { month = '0' + month }
      if (date < 10) { date = '0' + date }
      if (hours < 10) { hours = '0' + hours }
      if (minute < 10) { minute = '0' + minute }
      if (second < 10) { second = '0' + second }
      return year + '-' + month + '-' + date + ' ' + hours + ':' + minute + ':' + second
    }
  
  // 使用es6的padStart()方法来补0
  getYMDHMS (timestamp) {
      let time = new Date(timestamp)
      let year = time.getFullYear()
      const month = (time.getMonth() + 1).toString().padStart(2, '0')
      const date = (time.getDate()).toString().padStart(2, '0')
      const hours = (time.getHours()).toString().padStart(2, '0')
      const minute = (time.getMinutes()).toString().padStart(2, '0')
      const second = (time.getSeconds()).toString().padStart(2, '0')

      return year + '-' + month + '-' + date + ' ' + hours + ':' + minute + ':' + second
    }

总结 

到此这篇关于JavaScript如何将时间戳转化为年月日时分秒格式的文章就介绍到这了,更多相关JS时间戳转为年月日时分秒内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 原生javascript实现自动更新的时间日期

    原生javascript实现自动更新的时间日期

    这篇文章主要介绍了原生javascript实现自动更新的时间日期的相关资料,对实现代码进行详细分析,感兴趣的朋友可以参考一下
    2016-02-02
  • JavaScript实现计算多维嵌套数组深度

    JavaScript实现计算多维嵌套数组深度

    在前端开发中,经常会遇到需要处理多维嵌套的数据结构,并需要计算出它们的深度,本文就来讲讲如何使用JavaScript实现计算多维嵌套数组深度吧
    2023-06-06
  • 解决layui数据表格table的横向滚动条显示问题

    解决layui数据表格table的横向滚动条显示问题

    今天小编就为大家分享一篇解决layui数据表格table的横向滚动条显示问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 浅谈JS的二进制家族

    浅谈JS的二进制家族

    事实上,前端很少涉及对二进制数据的处理,但即便如此,我们偶尔总能在角落里看见它们的身影。 今天我们就来聊一聊前端的二进制家族:Blob、ArrayBuffer和Buffer
    2021-05-05
  • 使用JS中的exec()方法构造正则表达式验证

    使用JS中的exec()方法构造正则表达式验证

    这篇文章主要介绍了使用JS中的exec()方法构造正则表达式验证的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • uniapp实现钉钉扫码登录示例代码

    uniapp实现钉钉扫码登录示例代码

    由于uniapp暂无钉钉授权登录所以本文将钉钉扫码登录作为网页嵌入uniapp,最终实现钉钉扫码登录app,本文通过实例代码给大家介绍uniapp钉钉扫码登录功能,感兴趣的朋友一起看看吧
    2021-12-12
  • js实现仿qq消息的弹出窗效果

    js实现仿qq消息的弹出窗效果

    这篇文章主要介绍了js实现仿qq消息的弹出窗效果,文章代码实现模拟qq弹出框消息提醒,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 如何在CocosCreator中做一个List

    如何在CocosCreator中做一个List

    这篇文章主要介绍了如何在CocosCreator中做一个List,对List列表感兴趣的同学,不妨来试验一下
    2021-04-04
  • es6 filter() 数组过滤方法总结

    es6 filter() 数组过滤方法总结

    这篇文章主要介绍了es6 filter() 数组过滤方法总结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • 基于javascript实现漂亮的页面过渡动画效果附源码下载

    基于javascript实现漂亮的页面过渡动画效果附源码下载

    本文通过javascript实现漂亮的页面过滤动画效果,用户通过点击页面左侧的菜单,对应的页面加载时伴随着滑动过滤动画,并带有进度条效果。用户体验度非常好,感兴趣的朋友一起看看吧
    2015-10-10

最新评论