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日

相关文章

  • js获取浏览器基本信息大全

    获取浏览器基本信息是前端开发中比较常用的一个需求。通过 JavaScript 可以获取浏览器的类型、版本号、操作系统类型等信息。下面就来详细讲解一下如何获取浏览器基本信息。 获取浏览器类型和版本号 可以使用 navigator.userAgent 获取当前浏览器的 UserAgent 字符串,然后通过正则表达式匹配出浏览器类型和版本号。 // 获取浏览器类型…

    JavaScript 2023年6月11日
    00
  • 小程序中实现excel数据的批量导入的示例代码

    下面是关于“小程序中实现excel数据的批量导入的示例代码”的完整攻略。 准备工作 在进行excel数据批量导入前,我们需要做一些准备工作:1. 准备一个excel文件,并将需要导入的数据按照一定的顺序保存在sheet表格中。比如我们要导入学生的姓名、年龄、班级等信息,则需将这些信息对应的字段分别保存在不同的列中;2. 借助开发者工具,在小程序中新建一个页面…

    JavaScript 2023年6月10日
    00
  • JavaScript replace new RegExp使用介绍

    JavaScript replace new RegExp使用介绍 在JavaScript编程中,我们常常需要使用字符串替换功能。字符串替换的一种实现方式就是使用替换函数 replace()。replace() 函数的第一个参数一般是一个模式匹配正则表达式,用来匹配所有需要替换的字符串,第二个参数是一个替换值,用于将找到的匹配替换成新的字符串。在一些情况下,…

    JavaScript 2023年6月10日
    00
  • 浅析JavaScript中的类型和对象

    浅析JavaScript中的类型和对象 JavaScript数据类型 JavaScript中有多种数据类型,包括: 基本类型: Number:数值类型,如1、2、3等。 String:字符串类型,如”hello world”等。 Boolean:布尔类型,包括true和false。 Null:表示空值。 Undefined:表示未定义。 引用类型: Obje…

    JavaScript 2023年5月27日
    00
  • Javascript实现div的toggle效果实例分析

    下面我将为大家讲解如何使用JavaScript实现div的toggle效果,并提供两个示例说明。 1. 前言 Javascript是一种广泛使用的脚本语言,它被用于在Web页面中创建动态和交互式效果。本文将讲解如何使用Javascript实现div的toggle效果。 2. div的toggle效果是什么 当我们点击一个元素时,可以让另一个元素显示或隐藏。一…

    JavaScript 2023年5月28日
    00
  • 如何利用Proxy更优雅地处理异常详解

    下面是详细讲解“如何利用Proxy更优雅地处理异常详解”的完整攻略: 标题 如何利用Proxy更优雅地处理异常详解 简介 异常处理是我们编写代码时必须考虑的问题之一。但是,常规的异常处理机制给代码本身带来的负担较高,特别是对于网络请求这种IO密集型的操作。在这种情况下,我们可以考虑使用Proxy来更优雅地处理异常,将异常的处理逻辑与代码解耦,实现更加灵活的控…

    JavaScript 2023年5月28日
    00
  • JavaScript常用基础知识强化学习

    JavaScript常用基础知识强化学习攻略 1. 前置知识 在进行JavaScript常用基础知识的强化学习之前,需要掌握以下前置知识: HTML和CSS基础知识 程序基本结构(语句、循环、条件判断等) 数据类型、变量、运算符 函数、对象、数组 2. 基础知识强化学习方法 2.1 阅读MDN文档 MDN提供了JavaScript的完整文档,包含了语言核心、…

    JavaScript 2023年6月10日
    00
  • 如何用JS/HTML将时间戳转换为“xx天前”的形式

    将时间戳转换为类似“xx天前”的形式是一个常见的需求。下面我来详细讲解如何用JS/HTML实现这个功能。 第一步:获取当前时间戳和目标时间戳 JavaScript内置了一个用于获取当前时间戳的方法,即: var now = Date.now(); 如果要将一个日期字符串转换为时间戳,可使用Date.parse方法,例如: var target = Date.…

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