常见的javascript日期和时间戳互相转化

2019年8月24日 227次阅读 来源: 温浪

写在前面

前两天写了一篇《常见的Javascript获取时间戳》，今天来一篇续集吧，日期和时间戳的互转

预备知识

  • 知道什么是时间戳：即距离1970年01月01日00时00分00秒的毫秒数（如果你要用到的是秒，那也行，单位问题而已）。
  • 知道为什么需要把日期转化成时间戳：对于前端来说，接触的到的时间多是2018-08-08这种形式的，但是在拉取后端数据时，一般要把时间转化成时间戳再传过去。同样的道理要会把时间戳转化成我们想要的日期格式。

时间 -> 时间戳 (2018/08/09 10:10:10 -> 1533780610000 )

通常我们用到的时间格式分两种2018/08/09 10:10:10或者2018-08-09 10:10:10，幸运的是js的Date对象很好的支持了这种格式的时间，通常我们可以通过

new Date('2018/08/09 10:10:10').getTime()或者
new Date('2018-08-09 10:10:10').getTime()来获取到时间戳

但是！！！！
ie对于第二种不支持
如下图：

《常见的javascript日期和时间戳互相转化》

因此，请采用以下的代码

let time = '2018-08-09 10:10:10'
time = time.replace(/-/g, '/') // 把所有-转化成/
let timestamp = new Date(time).getTime()

《常见的javascript日期和时间戳互相转化》

时间戳 -> 时间 (1533780610000 -> 2018/08/09 10:10:10)

这里要用到Date对象的一系列get方法,思路是先根据时间戳new一个Date对象，然后通过一系列get方法分别拿到年月日时分秒，再拼接字符串。

function timestampToTime (timestamp) {
    const dateObj = new Date(+timestamp) // ps, 必须是数字类型，不能是字符串, +运算符把字符串转化为数字，更兼容
    const year = dateObj.getFullYear() // 获取年，
    const month = dateObj.getMonth() + 1 // 获取月，必须要加1，因为月份是从0开始计算的
    const date = dateObj.getDate() // 获取日，记得区分getDay()方法是获取星期几的。
    const hours = pad(dateObj.getHours())  // 获取时, pad函数用来补0
    const minutes =  pad(dateObj.getMinutes()) // 获取分
    const seconds =  pad(dateObj.getSeconds()) // 获取秒
    return year + '-' + month + '-' + date + ' ' + hours + ':' + minutes + ':' + seconds
}

function pad(str) {
    return +str >= 10 ? str : '0' + str
}

timestampToTime(1533773345000)
timestampToTime(1533780610000)

《常见的javascript日期和时间戳互相转化》

总结

有几个小点需要注意

  • 为了兼容，将横线换成斜杠(2018-08-09 10:10:10 => 2018/08/09 10:10:10)
  • 获取月份时，要加1
  • getDate获取日期，getDay是用来获取是一个星期的第几天
  • 根据需求做适当的补0，2018-8-9 08:09:05 要比 2018-8-9 8:9:5好看的多。
    原文作者：温浪
    原文地址: https://segmentfault.com/a/1190000015944267
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞