js 时间格式与时间戳的相互转换示例代码

下面我来为您介绍 JavaScript 时间格式与时间戳的相互转换攻略。

时间格式和时间戳的概念

在 JavaScript 中,时间可以使用时间戳和时间格式表示。时间戳是一个整数,表示自 1970 年 1 月 1 日 00:00:00 UTC(协调世界时)以来的毫秒数。而时间格式则是人类可读的日期和时间表示法。常见的时间格式有 ISO 格式、标准日期格式和自定义格式等。

时间戳转换为时间格式

使用内置 Date 对象

我们可以使用内置的 Date 对象,将时间戳转换为时间格式。Date 对象可以接收一个时间戳参数,创建一个对应的日期对象。我们可以通过调用这个日期对象的各种方法,来得到对应的时间格式。

示例代码:

let timeStamp = 1622738400000; //时间戳(单位毫秒)
let dateObj = new Date(timeStamp); //使用 Date 对象创建对应的日期对象
let year = dateObj.getFullYear(); //获取年份
let month = dateObj.getMonth() + 1; //获取月份,需要加 1
let day = dateObj.getDate(); //获取日期
let hour = dateObj.getHours(); //获取小时
let minute = dateObj.getMinutes(); //获取分钟
let second = dateObj.getSeconds(); //获取秒钟

//格式化时间字符串
let timeStr = `${year}-${month}-${day} ${hour}:${minute}:${second}`;
console.log(timeStr);

输出结果为:2021-06-04 00:40:00

使用第三方库 moment.js

除了使用内置的 Date 对象,我们还可以使用第三方库 moment.js 来方便地将时间戳转换为时间格式。moment.js 提供了丰富的 API,可以简化许多时间操作。

示例代码:

let timeStamp = 1622738400000; //时间戳(单位毫秒)
let timeStr = moment(timeStamp).format('YYYY-MM-DD HH:mm:ss'); //使用 moment.js 格式化时间字符串
console.log(timeStr);

输出结果与之前相同:2021-06-04 00:40:00

时间格式转换为时间戳

使用内置 Date 对象

要将时间格式转换为时间戳,我们可以使用内置的 Date 对象的 getTime() 方法,这个方法可以获取到当前日期对象相对于 1970 年 1 月 1 日 00:00:00 UTC 的时间戳。

示例代码:

let timeStr = '2021-06-04 00:40:00'; //时间字符串
let dateObj = new Date(timeStr); //使用 Date 对象创建日期对象
let timeStamp = dateObj.getTime(); //获取时间戳(单位毫秒)
console.log(timeStamp);

输出结果为:1622738400000

使用第三方库 moment.js

同样地,我们也可以使用 moment.js 来将时间格式转换为时间戳。moment.js 提供了 parse 方法,可以将时间字符串解析为对应的日期对象。然后,我们可以直接通过这个日期对象获取相应的时间戳。

示例代码:

let timeStr = '2021-06-04 00:40:00'; //时间字符串
let timeStamp = moment(timeStr).valueOf(); //使用 moment.js 获取时间戳(单位毫秒)
console.log(timeStamp);

输出结果与之前相同:1622738400000

至此,JavaScript 时间格式与时间戳的相互转换攻略介绍完毕。本文共包含两个示例说明,分别演示了时间戳转换为时间格式和时间格式转换为时间戳的方法和代码。可以根据自己的需求,选择合适的转换方法。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js 时间格式与时间戳的相互转换示例代码 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • JS 判断某变量是否为某数组中的一个值的3种方法(总结)

    下面是关于JS判断某变量是否为某数组中的一个值的3种方法的详细攻略。 标准方法:Array.prototype.indexOf() Array对象有一个原型方法indexOf(),可以用来查找数组中是否包含某个元素。使用该方法来判断某变量是否为某数组中的一个值,需要先调用indexOf()方法查找该元素在数组中的索引值。若索引值不为 -1(即查找到该元素),…

    JavaScript 2023年5月27日
    00
  • Bootstrap 表单验证formValidation 实现远程验证功能

    这里是详细讲解“Bootstrap 表单验证formValidation 实现远程验证功能”的完整攻略: 什么是 Bootstrap 表单验证 formValidation Bootstrap 表单验证 formValidation 是一种基于 jQuery 和 Bootstrap 的前端表单验证插件,它可以帮助开发者实现对表单数据的合法性检查。与其他前端表…

    JavaScript 2023年6月10日
    00
  • JS入门必备之八种数据类型

    JS语言作为一门动态类型语言,支持8种不同的数据类型,这些数据类型会在JS编程的各个领域中发挥着十分重要的作用,这里我给大家总结了一份完整的攻略。 一、Number类型 Number类型是JS中最基本的数据类型,表示数字数据,可以用十进制、二进制、八进制、十六进制等不同进制表示。在JS中,数值类型可以直接使用数值和运算符来实现计算,如下示例: var sum…

    JavaScript 2023年5月28日
    00
  • 用js读写cookie的简单方法(推荐)

    以下是详细讲解“用js读写cookie的简单方法(推荐)”的完整攻略: 1. 什么是cookie 1.1 定义 cookie 是一种在客户端存储数据的小文件。在 HTTP 协议中,Web 服务器可以向客户端发送一个 Set-Cookie 的响应头,来告诉客户端保存这个 cookie。之后客户端每次请求响应都会带上这个 cookie,用来告诉服务器用户是谁。 …

    JavaScript 2023年6月11日
    00
  • JavaScript中的replace()方法使用详解

    JavaScript中的replace()方法使用详解 在JavaScript编程中,replace()方法是十分常用的一个字符串方法。它用于替换字符串中匹配指定模式的部分。在本篇攻略中,我将详细讲解replace()方法的各项使用方法及注意事项。 基本用法 replace()方法的语法如下: str.replace(regexp|substr, newSu…

    JavaScript 2023年6月10日
    00
  • JavaScript学习笔记之JS事件对象

    JavaScript学习笔记之JS事件对象 什么是JS事件对象 JavaScript事件对象(Event Object)是在事件被触发时由浏览器自动创建的对象,它包含了与事件相关的所有信息,我们可以通过JS事件对象来获取一些有用的信息,如事件类型、触发事件的元素、鼠标的位置等。 JS事件对象的属性 以下是JS事件对象常用的属性: type:事件类型,如”cl…

    JavaScript 2023年5月18日
    00
  • JQuery实现ajax请求的示例和注意事项

    当使用jQuery实现ajax请求时,可以通过调用jQuery的ajax()方法发送HTTP请求,并通过该方法提供的参数进行配置。以下是实现ajax请求的示例和注意事项: 示例一:发送GET请求 $.ajax({ url: ‘/api/data’, // 请求的API地址 type: ‘GET’, // 请求方法为GET dataType: ‘json’, …

    JavaScript 2023年6月11日
    00
  • js正则表达式之RegExp对象之compile方法 编译正则表达式

    RegExp是JavaScript中与正则表达式相关的全局对象。RegExp对象常用的方法有:test()、exec()、match()、replace()、search()等,其中compile()方法则用来对正则表达式进行编译。 compile()方法可以接受一个字符串参数,该参数代表需要编译的正则表达式。执行compile()方法后,会将参数字符串编译…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部