JS时间戳与日期格式的转换小结

 更新时间:2024年01月20日 10:38:02   作者:NCDS程序员  
这篇文章主要介绍了JS时间戳与日期格式的转换小结,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧

JS时间戳与日期格式的转换

1、将时间戳转换成日期格式:

function timestampToTime(timestamp) {
  // 时间戳为10位需*1000,时间戳为13位不需乘1000
  var date = new Date(timestamp * 1000);
  var Y = date.getFullYear() + "-";
  var M =
    (date.getMonth() + 1 < 10
      ? "0" + (date.getMonth() + 1)
      : date.getMonth() + 1) + "-";
  var D = (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " ";
  var h = date.getHours() + ":";
  var m = date.getMinutes() + ":";
  var s = date.getSeconds();
  return Y + M + D + h + m + s;
}
console.log(timestampToTime(1670145353)); //2022-12-04 17:15:53

2、将日期格式转换成时间戳:

var date = new Date("2022-12-04 17:15:53:555");
// 有三种方式获取
var time1 = date.getTime();
var time2 = date.valueOf();
var time3 = Date.parse(date);
console.log(time1); //1670145353555
console.log(time2); //1670145353555
console.log(time3); //1670145353000

js基础之Date对象以及日期和时间戳的转换

js中使用Date对象来表示时间和日期:

获取年月日时分秒和星期等

var now = new Date();
now;
now.getFullYear(); // 2021, 年份
now.getMonth(); // 2, 月份,月份范围是0~11,2表示3月
now.getDate(); //  4, 表示4号
now.getDay(); // 3, 星期三
now.getHours(); // 16, 表示19h
now.getMinutes(); // 41, 分钟
now.getSeconds(); // 22, 秒
now.getMilliseconds(); // 473, 毫秒数
now.getTime(); // 1614847074473, 以number形式表示的时间戳

创建指定日期的时间对象

var d = new Date(2021, 3, 4, 16, 15, 30, 123);

将日期解析为时间戳

var d = Date.parse('2021-03-04 16:49:22.123');
d; // 1614847762123
// 尝试更多方式
(new Date()).valueOf(); 
new Date().getTime(); 
Number(new Date()); 

时间戳转日期

var d = Date.parse('2021-03-04 16:49:22.123');
d; // 1614847762123
// 尝试更多方式
(new Date()).valueOf(); 
new Date().getTime(); 
Number(new Date()); 

时间戳转自定义格式的日期

因为操作系统或者浏览器显示格式的不确定性,固定格式的日期只能自己拼接:

function getDate() {
    var now = new Date(),
        y = now.getFullYear(),
        m = now.getMonth() + 1,
        d = now.getDate();
    return y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d) + " " + now.toTimeString().substr(0, 8);
}
getDate() // "2021-03-04 16:56:39"

到此这篇关于JS时间戳与日期格式的转换的文章就介绍到这了,更多相关js时间戳与日期转换内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 原生JS实现萤火虫效果

    原生JS实现萤火虫效果

    这篇文章主要为大家详细介绍了原生JS实现萤火虫效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • 读JavaScript DOM编程艺术笔记

    读JavaScript DOM编程艺术笔记

    读JavaScript DOM编程艺术笔记,需要的朋友可以参考下。
    2011-11-11
  • 微信小程序收藏功能的实现代码

    微信小程序收藏功能的实现代码

    这篇文章主要介绍了微信小程序收藏功能的实现代码,基本功能是点击收藏后显示已收藏,在另一个页面出现目前点击收藏的项目。需要的朋友可以参考下
    2018-06-06
  • javascript代码加载优化方法

    javascript代码加载优化方法

    给你的网站加上代码统计!常用的方法是直接加统计代码到网页,但你的网页数量很多呢?
    2011-01-01
  • 微信小程序单选框自定义赋值

    微信小程序单选框自定义赋值

    这篇文章主要介绍了微信小程序单选框如何自定义赋值,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • 用JavaScript仿PS里的羽化效果代码

    用JavaScript仿PS里的羽化效果代码

    JavaScript圆形虚幻效果,跟PS里面的羽化效果有点像,需要的朋友可以参考下。
    2011-12-12
  • JavaScript中常用的运算符小结

    JavaScript中常用的运算符小结

    JavaScript中常用的运算符小结,需要的朋友可以参考下。
    2012-01-01
  • js 转义字符及URI编码详解

    js 转义字符及URI编码详解

    本文主要介绍了转义字符及URI编码的相关知识,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 利用Js+Css实现折纸动态导航效果实例源码

    利用Js+Css实现折纸动态导航效果实例源码

    这篇文章主要给大家介绍了利用Js+Css实现折纸动态导航的效果,实现后的效果非常不错,文中给出了简单的介绍和完整的实例代码,对大家具有一定的参考价值,有需要的朋友们下面来一起看看吧。
    2017-01-01
  • JavaScript this绑定过程深入详解

    JavaScript this绑定过程深入详解

    这篇文章主要介绍了JavaScript this绑定过程,结合实例形式深入分析了JavaScript中this关键字的功能、原理、绑定方式及相关操作注意事项,需要的朋友可以参考下
    2018-12-12

最新评论