JS时间格式与时间戳的相互转换

末蓝、 2022-05-22 01:50 718阅读 0赞

有些时候在写前端的时候，需要用到一些时间，但是时间的格式又比较多，除了时间戳之外，还有各种各样的格式。

更多的时候还需要我们把这些格式进行相互转换。所以为了以后使用方便，在这里做个辑录。

▍获取时间戳

1、精确到秒：1527509444000

var timestamp = Date.parse(new Date());

2、精确到毫秒：1527509444308

var timestamp = (new Date()).valueOf();

3、精确到毫秒：1527509444308

var timestamp = new Date().getTime();

4、JQuery获取时间戳：1527509444308，首先要入jquery.js

var timestamp = $.now();

▍时间戳转日期

将时间戳转换为日期的方法有很多种，就不把所有的方法一一单独列举了。

var timestamp = 1527521052;
    
    var newDate = new Date();
    
    newDate.setTime(timestamp * 1000);
    
    // Mon May 28 2018
    console.log(newDate.toDateString());
    
    // Mon, 28 May 2018 15:24:12 GMT 
    console.log(newDate.toGMTString());
    
    // 2018-05-28T15:24:12.000Z
    console.log(newDate.toISOString());
    
    // 2018-05-28T15:24:12.000Z 
    console.log(newDate.toJSON());
    
    // 2018/5/28 
    console.log(newDate.toLocaleDateString());
    
    // 2018/5/28 下午11:24:12 
    console.log(newDate.toLocaleString());
    
    // 下午11:24:12 
    console.log(newDate.toLocaleTimeString());
    
    // Mon May 28 2018 23:24:12 GMT+0800 (中国标准时间)
    console.log(newDate.toString());
    
    // 23:24:12 GMT+0800 (中国标准时间) 
    console.log(newDate.toTimeString());
    
    // Mon, 28 May 2018 15:24:12 GMT
    console.log(newDate.toUTCString());

▍日期转换为时间戳

日期格式比较多，也比较复杂，全部实现转换有些麻烦，而且还是费力不讨好，所以就以最常用的时间格式来转换。

//日期转时间戳
    functiontransdate(endTime){
        var date = new Date();
        date.setFullYear(endTime.substring(0, 4));
        date.setMonth(endTime.substring(5, 7) - 1);
        date.setDate(endTime.substring(8, 10));
        date.setHours(endTime.substring(11, 13));
        date.setMinutes(endTime.substring(14, 16));
        date.setSeconds(endTime.substring(17, 19));
        return Date.parse(date) / 1000;
    }
    
    console.log(transdate("2018-05-28 23:24:12"));

结果如下：

1527521052

▍我是尾巴

将这些方法汇总之后，就不用一个个去找了。

说真的，好多事情记下来确实有好处。

就拿之前记录的部署SSL证书为例，这两天又想申请一个SSL证书，然后部署一下，但是上一次的部署流程我基本已经你忘记了，还好自己写了一篇文章记录了一下，这次就直接看着文章完成了。

**▍我是尾巴**

将这些方法汇总之后，就不用一个个去找了。

说真的，好多事情记下来确实有好处。

就拿之前记录的部署SSL证书（[记录||给我的网站装个SSL证书][SSL]）为例，这两天又想申请一个SSL证书，然后部署一下，但是上一次的部署流程我基本已经你忘记了，还好自己写了一篇文章记录了一下，这次就直接看着文章完成了。

![关注微信公众号：爱唱歌的蜗牛先生][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lfZG9udF9rbm93X2E_size_16_color_FFFFFF_t_70]

[SSL]: http://mp.weixin.qq.com/s?__biz=MzI1OTY2OTUwNg==&mid=2247484324&idx=1&sn=d985a0840f6a1894385c65ab0fa18be1&chksm=ea7428c9dd03a1df0e5079741a9383c7f7302f20ac674903c905d864483ef660bf0638984ff9&scene=21#wechat_redirect
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lfZG9udF9rbm93X2E_size_16_color_FFFFFF_t_70]: /images/20220522/bd94dd5bccd84724a5b332bd618f2702.png