javascript 日期时间 转换的方法

yizhihongxing

当需要对 JavaScript 中的日期时间格式进行转换时,我们可以使用以下方法:

获取当前时间

使用以下方法可以获取到当前时间:

const now = new Date();

其中,now就是获取到的当前时间,它的格式是日期对象。可以通过该对象的方法来对时间进行处理。

时间戳转化为日期时间格式

时间戳指的是从1970年1月1日00:00:00开始所经过的秒数或毫秒数。将时间戳转化为日期时间格式需要用到Date()构造函数。

以下例子将时间戳转换为日期时间格式的字符串:

const timestamp = 1527002354454;
const date = new Date(timestamp);
const dateTimeFormat = new Intl.DateTimeFormat('en-GB', { dateStyle: 'long', timeStyle: 'medium' });
const [{ value: dateOutput },,{ value: timeOutput }] = dateTimeFormat.formatToParts(date);
const dateTimeString = `${dateOutput} ${timeOutput}`;
console.log(dateTimeString); // "22 May 2018 21:52:34"

代码中的Intl.DateTimeFormat用于获取时间格式对象,该对象中的两个参数dateStyletimeStyle指定了日期和时间的格式,如上例中的日期格式为'long',时间格式为'medium'。formatToParts()方法用于将时间转化为可读的字符串,最终输出的时间字符串为"22 May 2018 21:52:34"。

日期时间格式字符串转化为时间戳

将日期时间格式的字符串转化为时间戳需要用到new Date()构造函数。

以下例子将日期时间格式的字符串转换为时间戳:

const dateString = '2019-06-05 10:30:00';
const timestamp = new Date(dateString).getTime();
console.log(timestamp); // 1559733000000

代码中的new Date()构造函数将字符串转化为日期时间格式,然后使用getTime()方法获取时间戳。

除以上两种方法之外,还可以使用Moment.js等JavaScript库来进行日期时间的格式转换。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript 日期时间 转换的方法 - Python技术站

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

相关文章

  • JavaScript中reduce()详解及使用方法

    那么接下来我将给您介绍“JavaScript中reduce()详解及使用方法”的完整攻略。 简介 reduce()是JavaScript中的一个高阶函数,用于对数组中的元素进行累加求和、累加乘积、字符串拼接、对象计数等操作。 它有两个主要的参数: callback:用于迭代数组中每个元素的函数,包含四个参数:accumulator、currentValue、…

    JavaScript 2023年6月10日
    00
  • react-router browserHistory刷新页面404问题解决方法

    对于react-router的browserHistory刷新页面404问题,其解决方法如下: 背景 在单页应用中,我们一般使用react-router来进行路由管理。而在使用history模式(即使用BrowserHistory)时,当用户在当前页面刷新或直接访问一个路由地址时,可能会出现404错误。 这个问题的原因是因为在history模式下,客户端路由…

    JavaScript 2023年6月11日
    00
  • php正则表达式基本知识与应用详解【经典教程】

    “PHP正则表达式基本知识与应用详解【经典教程】”是一篇关于PHP正则表达式的详细讲解文章,包含了从正则表达式基础知识到应用实例的全面介绍。 一、正则表达式基础知识 文章首先详细介绍了正则表达式的基础知识,包括元字符、定界符、字符集、量词等内容。针对每个知识点,作者都进行了详细的讲解并给出了示例说明。 例如,对于元字符一节,作者列出了常见的元字符,并给出了它…

    JavaScript 2023年6月10日
    00
  • 在页面加载之后执行JavaScript

    在页面加载之后执行JavaScript通常包括以下两种情况: 在DOMContentLoaded事件触发之后执行JavaScript代码 DOMContentLoaded事件在文档结构已经加载完成,但是加载的所有资源(例如图片)还没有完成的时候触发。可以使用addEventListener()方法监听DOMContentLoaded事件,并在回调函数中执行J…

    JavaScript 2023年6月11日
    00
  • JS实现点击li标签弹出对应的索引功能【案例】

    JS实现点击li标签弹出对应的索引功能可以使用jQuery或原生JS实现。以下是详细的步骤: 1. HTML结构 首先需要创建一个ul列表,每个li元素上都应该有一个data属性,它的值为它所代表的元素在列表中的索引。 <ul id="list"> <li data-index="0">Item…

    JavaScript 2023年6月10日
    00
  • JS 日期操作代码,获取当前日期,加一天,减一天

    JS是一种强大而灵活的脚本语言,用来操作日期也很简单。下面是获取当前日期、加一天、减一天的完整攻略。 获取当前日期 获取当前日期很简单,使用JS内置对象Date即可。 var today = new Date(); console.log(today); 上述代码会输出当前日期的完整信息,包括年月日、时分秒和时区等详细信息。 输出结果示例: Tue Aug …

    JavaScript 2023年5月27日
    00
  • JS前端同源策略和跨域及防抖节流详解

    JS前端同源策略和跨域及防抖节流是JS前端开发中常见的一些概念和技术。下面将详细讲解这些内容。 JavaScript前端同源策略 同源策略是一种安全策略,用于限制一个源加载的文档或脚本与来自另一个源所加载文档或脚本交互的方式。这里的“源”是由协议,主机名和端口号标示的。同源策略的存在是为了保护用户隐私和安全。 具体来说,同源策略要求:如果两个页面的域名,协议…

    JavaScript 2023年6月11日
    00
  • 15款最好的Bootstrap在线编辑器

    使用Bootstrap在线编辑器可以轻松地构建响应式网站,本文将为大家介绍15款最好的Bootstrap在线编辑器的使用攻略,包括这些在线编辑器的主要特点,如何使用这些在线编辑器和一些示例。 1. Bootstrap在线编辑器的概述 Bootstrap是一个非常流行的CSS框架,它提供了一系列的CSS和JavaScript组件,可以帮助开发人员构建响应式网站…

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