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

yizhihongxing

下面是 “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判断是否手机浏览器的五种方法”的完整攻略,具体攻略如下: 方法一:根据userAgent判断 利用navigator.userAgent获取当前浏览器的userAgent字符串,判断是否包含移动设备的关键字,如“Android”、“iPhone”等。 const isMobile = () => { return /A…

    JavaScript 2023年6月11日
    00
  • JavaScript中property和attribute的区别详细介绍

    JavaScript中property和attribute的区别详细介绍 在JavaScript中,property和attribute指的都是HTML元素的属性,但它们的含义和使用方式有所不同。 property property是HTML元素的属性,是对象的一部分,可以通过JavaScript来操作。在JavaScript中,我们可以使用element.…

    JavaScript 2023年6月10日
    00
  • JavaScript中的方法重载实例

    下面是关于JavaScript中的方法重载实例的完整攻略。 什么是方法重载 方法重载指的是在同一个作用域下,为一个函数定义多个参数列表的函数,这些函数被称为重载函数。当函数被调用时,会根据传入的参数类型和数量的不同,自动选择执行对应的重载函数。在JavaScript中,由于没有类型声明,方法重载需要借助函数内部的判断逻辑来实现。 实现方法重载 实现方法重载的…

    JavaScript 2023年6月11日
    00
  • JS中Object对象的原型概念基础

    JS中的Object对象是所有对象的基础,它的原型概念是JS中面向对象编程的重要基础概念之一。下面就来详细讲解一下Object对象的原型概念基础,包括什么是原型、原型链、如何利用原型链实现继承等。 什么是原型 在JavaScript中,每个对象都有一个指向它的原型对象。除了基础属性和方法外,原型对象本身也有可能有自己的属性和方法。借助原型,可以实现对象之间的…

    JavaScript 2023年5月27日
    00
  • javascript中AJAX用法实例分析

    JavaScript中AJAX用法实例分析 AJAX(Asynchronous JavaScript And XML),即异步JavaScript与XML。JavaScript通过XMLHttpRequest对象来向服务器发异步请求,从服务器获得数据,并更新网页,而不用在页面加载时刷新整个页面。 AJAX的基本用法 创建XMLHttpRequest对象 XM…

    JavaScript 2023年6月11日
    00
  • javascript 函数使用说明

    下面是关于JavaScript函数使用说明的完整攻略。 什么是JavaScript函数? 在JavaScript中,函数是一种程序代码块,是为了完成特定任务而设计的。JavaScript函数通过提供参数(输入),执行代码,然后返回值(输出)来完成这些任务。 如何定义JavaScript函数? JavaScript函数可以被定义为函数声明或函数表达式。 函数声…

    JavaScript 2023年5月18日
    00
  • cypress中丰富的调试工具使用方法

    Cypress是一个开源的前端自动化测试框架,其提供了丰富的调试工具。本文将详细讲解Cypress中这些调试工具的使用方法。 1. 使用Chrome开发者工具 Cypress默认使用Chrome来运行测试,因此我们可以直接使用Chrome开发者工具来调试测试代码。在测试代码中添加断点,运行测试时会进入断点处,从而方便我们调试代码。 示例: describe(…

    JavaScript 2023年6月11日
    00
  • js实现接收表单的值并将值拼在表单action后面的方法

    实现接收表单的值并将值拼在表单action后面的方法,可以通过以下步骤来完成: 使用 HTML 表单标签创建表单,并指定表单的 action 和 method 属性以及 input 标签来定义表单项。 <form action="submit.php" method="post"> <label fo…

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