JS格式化时间的几种方法总结

下面是 “JS格式化时间的几种方法总结” 的完整攻略:

一、引言

在 Web 应用程序中,时间格式化是很常见的需求。JS作为前端开发语言,也提供了多种方式用于计算与格式化时间。本文将介绍JS中五种常见的时间格式化方法。

二、格式化JS中的时间

1. Date.toLocaleString()

toLocaleString() 方法返回一个字符串,表示该日期对象的日期和时间部分。该字符串格式因不同语言而不同。

let date = new Date('July 27, 2021 12:00:00');
console.log(date.toLocaleString('zh-CN')); // 2021/7/27 下午12:00:00

2. Date.toISOString()

toISOString() 方法返回对象的字符串表示,格式为 ISO 日期时间格式

let date = new Date('July 27, 2021 12:00:00');
console.log(date.toISOString()); // 2021-07-27T04:00:00.000Z

3. Date.UTC()

Date.UTC(year, month[, day[, hour[, minute[, second[, millisecond]]]]]) 方法接收一个表示“协调世界时”(UTC)的日期和时间的参数。用于返回从1970年1月1日 UTC 到指定日期的毫秒数。

let date = new Date(Date.UTC(2021, 6, 27, 12, 0, 0));
console.log(date.toLocaleString('zh-CN')); // 2021/7/27 下午8:00:00

4. Moment.js

Moment.js 是一个轻量级的日期格式化库,可以便捷地完成日期及时间的格式化、排序和计算等操作。

let date = moment('July 27, 2021 12:00:00');
console.log(date.format('YYYY-MM-DD')); // 2021-07-27

5. Node.js日期格式化库 dateFormat.js

dateFormat.js 是一个易于使用的时间格式化库,对格式化日期字符串的一些常见需求进行了封装。

const dateFormat = require('dateformat');
const now = new Date();
console.log(dateFormat(now, 'yyyy-mm-dd')); // 2021-07-27

三、总结

本文介绍了在JS代码中进行时间格式化的五种方式,通过使用这些方式可以轻松地格式化及获取不同类别的日期并使日期按需要的格式输出。其中 toLocaleString()toISOString() 方法比较常用, Moment.jsdateFormat.js 都提供了一些很有用的功能,值得一试。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS格式化时间的几种方法总结 - Python技术站

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

相关文章

  • javascript进行四舍五入方法汇总

    JavaScript 进行四舍五入方法汇总 在JavaScript中,进行四舍五入操作的方法有多种,下面将为大家详细介绍其中常用的几种方法。 一、toFixed() toFixed() 方法可把 Number 四舍五入为指定小数位数的数字,并将结果以字符串形式返回。 下面是一个示例: var num = 3.14159; console.log(num.to…

    JavaScript 2023年5月28日
    00
  • js处理包含中文的字符串实例

    要处理包含中文的字符串,需要注意字符编码的问题以及字符串长度计算的问题。 在JavaScript中,字符串长度可以使用str.length来获取,对于包含中文的字符串,由于中文字符采用的是Unicode编码,因此一个中文字符在JavaScript中通常被视为两个字符。 因此,如果要获取包含中文的字符串的字符串长度,需要将中文字符视为两个字符进行计算。可以使用…

    JavaScript 2023年5月19日
    00
  • 使用JS代码实现点击按钮下载文件

    使用JS代码实现点击按钮下载文件需要用到Web API中的Blob和URL两个对象,以下是完整的攻略: 创建Blob对象 Blob对象是二进制大型对象,可以用于存储二进制数据或文本数据。我们可以使用Blob对象作为文件的内容,再利用URL对象生成一个下载链接。 代码示例: let content = ‘Hello, World!’ let blob = ne…

    JavaScript 2023年5月27日
    00
  • ajax 服务器文本框自动填值

    下面我来详细讲解“ajax 服务器文本框自动填值”的完整攻略。 1. 什么是 AJAX? Ajax 是一种用于创建快速动态网页应用程序的技术。通过使用 Ajax,可以实现无刷新更新页面内容,从而提高用户的交互体验。 2. AJAX如何使文本框自动填值? 使用 Ajax 可以通过向服务器发送异步请求,获取服务器返回的数据,并将数据填充到页面中。因此,我们可以通…

    JavaScript 2023年6月11日
    00
  • JavaScript入门初体验书写方式

    关于“JavaScript入门初体验书写方式”的攻略,我可以作如下的详细讲解: 1. 引入JavaScript 想要使用JavaScript,首先需要将JavaScript代码引入HTML文档中,可以用以下的方法: <script src="js/myScript.js"></script> 其中,src指定需要引…

    JavaScript 2023年5月18日
    00
  • JSON.parse处理非标准Json数据出错的解决

    当我们使用JSON.parse()解析JSON格式的数据时,如果数据格式非标准的话,就有可能会出现报错现象。 例如我们有一个非标准的JSON格式数据如下: { name: "Tom", age: 28 } 使用JSON.parse()时会报错,错误信息如下: Uncaught SyntaxError: Unexpected token n…

    JavaScript 2023年5月27日
    00
  • js时间戳与日期格式之间相互转换

    关于“js时间戳与日期格式之间相互转换的攻略”,我会从以下方面进行详细讲解: 时间戳和日期格式的概念及区别 时间戳转日期格式的方法 日期格式转时间戳的方法 示例说明 1. 时间戳和日期格式的概念及区别 时间戳是1970年1月1日(UTC/GMT的午夜)距离某一时间点的秒数,可以简单理解成整数形式的时间点。而日期格式则是指可读性较好的时间表示形式,例如“202…

    JavaScript 2023年5月27日
    00
  • javascript中setAttribute()函数使用方法及兼容性

    下面是关于JavaScript中setAttribute()函数的使用方法及兼容性的完整攻略: 一、语法概述 setAttribute()函数是一种在HTML和XML文档中设置属性的方法。它有两个参数: 属性名:要设置的属性名称 属性值:要设置的属性值 使用语法如下所示: element.setAttribute(attributeName, attribu…

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