使用 JavaScript 获取当前时间的格式化输出

JavaScript 是一门广泛应用于前端开发的编程语言，其中获取当前日期和时间是一项常见需求，本文将介绍如何使用 JavaScript 获取当前时间并进行格式化输出。

获取当前时间

JavaScript 中可以使用 Date 对象来获取当前时间，其语法为：

const now = new Date();

上述代码创建了一个 Date 实例，即代表当前时间的对象实例。

时间格式化输出

获取到当前时间后，通常需要将其格式化为可读性较高的输出形式，下面介绍几种常见的时间格式化方法。

1. 将时间转为字符串

可以使用 Date 对象的 toString() 方法将时间转为字符串，默认的字符串格式类似于以下形式：

Thu Apr 07 2023 09:48:50 GMT+0800 (中国标准时间)

2. 将时间转为本地字符串

可以使用 Date 对象的 toLocaleString() 方法将时间转为本地时间字符串，其语法为：

const localTimeStr = now.toLocaleString();

3. 将时间转为 ISO 标准字符串

可以使用 Date 对象的 toISOString() 方法将时间转为 ISO 标准字符串，其语法为：

const isoTimeStr = now.toISOString();

4. 自定义时间格式

以上三种方式都是基于固定的格式进行转换，如果想要自定义时间格式，则需要使用格式化函数。常用的格式化函数有 Moment.js 和 date-fns 等，以下是使用 date-fns 进行格式化的示例：

import { format } from 'date-fns';

const formattedTimeStr = format(now, 'yyyy-MM-dd HH:mm:ss');

上述代码将时间格式化为 2023-04-07 09:48:50 的形式。

总结

本文介绍了 JavaScript 获取当前时间及其常用的格式化输出方式，希望能够对前端开发者有所帮助。在实际开发中需要根据具体需求选择合适的方法进行时间处理。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/24093