js时间戳与日期格式之间相互转换

关于“js时间戳与日期格式之间相互转换的攻略”,我会从以下方面进行详细讲解:

  1. 时间戳和日期格式的概念及区别
  2. 时间戳转日期格式的方法
  3. 日期格式转时间戳的方法
  4. 示例说明

1. 时间戳和日期格式的概念及区别

时间戳是1970年1月1日(UTC/GMT的午夜)距离某一时间点的秒数,可以简单理解成整数形式的时间点。而日期格式则是指可读性较好的时间表示形式,例如“2021年7月19日 14:30:00”。

2. 时间戳转日期格式的方法

时间戳转日期格式可以使用Date()对象中的toLocaleString()toLocaleDateString()方法(需要注意时区的问题),也可以使用moment.js库等第三方工具。

示例代码:

const timestamp = 1626710400000; // 时间戳(毫秒数)

// toLocaleString()
const date1 = new Date(timestamp).toLocaleString('zh-CN', {hour12: false}); // 输出:2021年7月19日 00:00:00
console.log(date1);

// toLocaleDateString()
const date2 = new Date(timestamp).toLocaleDateString('zh-CN'); // 输出:2021年7月19日
console.log(date2);

// moment.js
const date3 = moment(timestamp).format('YYYY年M月D日 HH:mm:ss'); // 输出:2021年7月19日 00:00:00
console.log(date3);

3. 日期格式转时间戳的方法

日期格式转时间戳可以使用Date()对象中的getTime()方法,也可以使用moment.js库等第三方工具。

示例代码:

const dateStr = '2021年7月19日 00:00:00'; // 日期格式字符串

// getTime()
const timestamp1 = new Date(dateStr).getTime(); // 输出:1626710400000
console.log(timestamp1);

// moment.js
const timestamp2 = moment(dateStr, 'YYYY年M月D日 HH:mm:ss').valueOf(); // 输出:1626710400000
console.log(timestamp2);

4. 示例说明

我们以用户注册时间为例进行说明。假设用户在2021年7月19日 00:00:00时注册,我们需要将其注册时间存储为时间戳格式以便于后续的计算和比较。

const dateStr = '2021年7月19日 00:00:00'; // 用户注册时间(日期格式字符串)
const timestamp = moment(dateStr, 'YYYY年M月D日 HH:mm:ss').valueOf(); // 转换为时间戳格式
console.log(timestamp); // 输出:1626710400000

当我们需要在页面上显示用户的注册时间时,可以将时间戳转换为可读性较好的日期格式。

const timestamp = 1626710400000; // 用户注册时间(时间戳)
const date = moment(timestamp).format('YYYY年M月D日 HH:mm:ss'); // 转换为日期格式
console.log(date); // 输出:2021年7月19日 00:00:00

以上就是关于“js时间戳与日期格式之间相互转换”的完整攻略,希望对你有所帮助。

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

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

相关文章

  • 在js文件中引入(调用)另一个js文件的三种方法

    在 JavaScript 中引入(调用)其他 JavaScript 文件的方式主要有以下三种: 1. 使用<script>标签引入(调用)其他 JavaScript 文件 使用<script>标签可以在 HTML 文件中引入(调用)其他 JavaScript 文件,该文件可以被浏览器直接加载。 <script>标签通常放在…

    JavaScript 2023年5月27日
    00
  • JavaScript学习笔记之Function对象

    下面是关于“JavaScript学习笔记之Function对象”的完整攻略。 1. Function对象的概述 在JavaScript中,函数(Function)也是一种数据类型。Function对象是JavaScript内置对象之一,它可以通过Function构造函数来创建,也可以通过函数表达式直接创建。 2. Function对象的创建 2.1 通过Fu…

    JavaScript 2023年5月27日
    00
  • TimergliderJS 一个基于jQuery的时间轴插件

    下面就为大家介绍一下“TimergliderJS 一个基于jQuery的时间轴插件”的完整攻略。 什么是TimergliderJS TimergliderJS是一款基于jQuery的时间轴插件,它可以帮助开发者在网站中实现时间轴的功能,展示时间上发生的事件,并支持自定义样式。与其他时间轴插件不同的是,TimergliderJS不仅提供一种基本的时间轴布局,同…

    JavaScript 2023年5月27日
    00
  • JS 截取字符串substr 和 substring方法的区别

    首先我们先来讲一下substr和substring的共同点,它们都是用来截取字符串的方法,所不同的是它们的参数和使用方法略有不同。 substr方法 substr方法接受两个参数,第一个参数是起始位置,第二个参数是截取的字符串长度。如果第二个参数是负数,则表示从起始位置开始往后数n个字符,并截取到字符串结束的位置。如果第一个参数是负数,表示从字符串末尾开始往…

    JavaScript 2023年5月28日
    00
  • JavaScript中Form表单技术汇总(推荐)

    JavaScript中Form表单技术汇总(推荐)是一篇介绍JavaScript中与表单相关的技术的文章,包含了许多实用的技巧和示例。以下是对这篇文章的详细解读: 概述 该文章主要介绍了JavaScript中的表单技术,涉及到表单的验证、提交、动态创建表单等等。读者可以通过学习这篇文章来了解JavaScript中表单相关的技术,从而提升自己的开发能力。 表单…

    JavaScript 2023年6月10日
    00
  • bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享

    下面我会详细讲解 “bootstrap table之通用方法”的完整攻略,并提供两个示例说明。 一、 引入必要的文件和库 首先,我们需要引入必要的文件和库,包括 Bootstrap、jQuery、moment以及 <!– Bootstrap –> <link href="https://cdn.bootcdn.net/ajax…

    JavaScript 2023年6月10日
    00
  • vbs屏蔽键盘按键

    VBScript屏蔽键盘按键攻略 VBScript屏蔽键盘按键可以通过Shell.Application对象的SendKeys方法实现。在SendKeys方法中,使用{HOLD}标记可以屏蔽掉所有的键盘按键,同时使用{UNHOLD}标记可以恢复所有的键盘按键。 步骤一:在VBScript中使用SendKeys屏蔽键盘按键 以下是一个使用VBScript屏蔽键…

    JavaScript 2023年6月11日
    00
  • 利用jsonp解决js读取本地json跨域的问题

    解决JS读取本地JSON跨域的问题,通常需要使用JSONP技术。JSONP是一种跨域技术,利用标签的src属性不受同源策略限制,可以跨域请求数据。下面我将为大家演示利用JSONP来解决JS读取本地JSON跨域的问题的完整攻略。 什么是JSONP JSONP,全称为JSON with Padding,是一种跨域技术,利用了\标签不受同源策略限制的特性,可以跨域…

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