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时间戳与日期转换内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript 数组去重详解

    JavaScript 数组去重详解

    下面小编就为大家带来一篇JavaScript数组去重的几方法推荐。小编觉得听错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看
    2021-09-09
  • 关于微信小程序实现云支付那些事儿

    关于微信小程序实现云支付那些事儿

    我们在做小程序支付相关的开发时,总会遇到这些难题,下面这篇文章主要给大家介绍了关于微信小程序实现云支付那些事儿,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2021-09-09
  • 漫谈JS引擎的运行机制 你应该知道什么

    漫谈JS引擎的运行机制 你应该知道什么

    javascript 从定义到执行,你应该知道的那些事,本文为大家一一列举,希望对大家的学习有所帮助
    2016-06-06
  • JavaScript+html5 canvas绘制渐变区域完整实例

    JavaScript+html5 canvas绘制渐变区域完整实例

    这篇文章主要介绍了JavaScript+html5 canvas绘制渐变区域的方法,结合完整实例形式分析了canvas颜色调用与图形绘制的相关技巧,需要的朋友可以参考下
    2016-01-01
  • JS Pro-深入面向对象的程序设计之继承的详解

    JS Pro-深入面向对象的程序设计之继承的详解

    一般的面向对象程序语言,有两种继承方法——接口继承(interface inheritance)和实现继承(implementation inheritance)。接口继承只继承方法签名,而实现继承则继承实际的方法。在JavaScript中,函数没有签名,所以在JavaScript只支持实现继承,而且主要是依靠原型链(prototype chaining)来是实现的
    2013-05-05
  • three.js利用gpu选取物体并计算交点位置的方法示例

    three.js利用gpu选取物体并计算交点位置的方法示例

    这篇文章主要给大家介绍了关于three.js利用gpu选取物体并计算交点位置的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用three.js具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-11-11
  • 批量实现面向对象的实例代码

    批量实现面向对象的实例代码

    本文为大家详细介绍下面向对象的继承以及如何实现批量实现面向对象,感兴趣的可以参考下哈,希望对大家有所帮助
    2013-07-07
  • 原生js实现鼠标跟随效果

    原生js实现鼠标跟随效果

    本文主要分享了原生js实现鼠标跟随效果的实例,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 使用impress.js制作幻灯片

    使用impress.js制作幻灯片

    impress.js是一款新兴的幻灯工具,它的效果类似Prezi,但是拥有3D的功能,而且是在MIT&GPL协议下开源,对于有一定的Web开发基础的人而言,真是一个福音,只需要简单的用些html指令,并加载impress.js就可以制作出一个缩放式幻灯,朋友们感兴趣吧,快来一起学习吧。
    2015-09-09
  • JavaScript style对象与CurrentStyle对象案例详解

    JavaScript style对象与CurrentStyle对象案例详解

    这篇文章主要介绍了JavaScript style对象与CurrentStyle对象案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-08-08

最新评论