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-03-03
  • JavaScript Date 知识浅析

    JavaScript Date 知识浅析

    这篇文章主要介绍了JavaScript Date 知识,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-01-01
  • js中根据字数截取字符串,不能截断url

    js中根据字数截取字符串,不能截断url

    给一个文字,对输出的文字进行截取,保留400个字符,其中对url的保留比较麻烦,尤其是有两个相同url时不能采用indexOf获取其字符位置
    2012-01-01
  • js实现数字从零慢慢增加到指定数字示例

    js实现数字从零慢慢增加到指定数字示例

    今天小编就为大家分享一篇js实现数字从零慢慢增加到指定数字示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • 微信小程序实现电子签名

    微信小程序实现电子签名

    这篇文章主要为大家详细介绍了微信小程序实现电子签名,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • javascript实现点亮灯泡特效示例

    javascript实现点亮灯泡特效示例

    这篇文章主要介绍了javascript实现点亮灯泡特效示例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • JS预览图像将本地图片显示到浏览器上

    JS预览图像将本地图片显示到浏览器上

    本代码从file域获取本地图片url并将本地图片显示到浏览器上,具体实现如下,感兴趣的朋友可以参考下,希望对大家有所帮助
    2013-08-08
  • uniapp开发H5使用formData上传文件解决方案

    uniapp开发H5使用formData上传文件解决方案

    我们很多时候上传文件就是使用FormData,然而uniapp默认不支持FormData类型数据的上传,下面这篇文章主要给大家介绍了关于uniapp开发H5使用formData上传文件的相关资料,需要的朋友可以参考下
    2023-12-12
  • javascript数据结构之多叉树经典操作示例【创建、添加、遍历、移除等】

    javascript数据结构之多叉树经典操作示例【创建、添加、遍历、移除等】

    这篇文章主要介绍了javascript数据结构之多叉树经典操作,简单描述了多叉树的概念,并结合实例形式分析了javascript多叉树的创建、添加、遍历、移除等常见操作方法,需要的朋友可以参考下
    2018-08-08
  • js实现仿Discuz文本框弹出层效果

    js实现仿Discuz文本框弹出层效果

    这篇文章主要介绍了js实现仿Discuz文本框弹出层效果的方法,可实现点击文本框弹出窗口选择数据的效果,涉及鼠标事件及页面自定义弹出窗口的相关操作技巧,需要的朋友可以参考下
    2015-08-08

最新评论