js 时间戳格式化|极客笔记

js 时间戳格式化

在前端开发中，经常会遇到需要处理时间戳的情况，而时间戳是以整数形式表示的时间，通常为从 1970 年 1 月 1 日 00:00:00 UTC 到某个时间点的毫秒数。在 JavaScript 中，处理时间戳可以使用 Date 对象来实现。在本文中，我们将详细介绍如何使用 JavaScript 对时间戳进行格式化。

获取当前时间戳

首先，让我们看看如何获取当前时间的时间戳。JavaScript 提供了 Date 对象来处理时间相关的操作，我们可以通过调用 Date.now() 方法来获取当前时间的时间戳，示例代码如下：

const timeStamp = Date.now();
console.log(timeStamp);

上述代码中，我们调用了 Date.now() 方法来获取当前时间的时间戳，并将其打印到控制台。运行以上代码，你将看到类似如下的输出：

1594988151776

时间戳格式化

将时间戳转换为日期时间字符串

当我们有一个时间戳时，通常需要将其转换为人类可读的日期时间格式。我们可以使用 Date 对象的 toLocaleString() 方法来将时间戳转换为本地日期时间字符串。示例代码如下：

const timeStamp = 1594988151776;
const date = new Date(timeStamp);
const dateTimeString = date.toLocaleString();
console.log(dateTimeString);

上述代码中，我们将时间戳 1594988151776 转换为 Date 对象，然后使用 toLocaleString() 方法将其转换为本地日期时间字符串。运行以上代码，你将看到类似如下的输出：

7/17/2020, 9:15:51 PM

自定义格式化时间戳

除了使用 toLocaleString() 方法外，我们还可以自定义时间戳的格式。以下是一个示例函数，可以将时间戳按照指定的格式进行格式化：

function formatTimeStamp(timeStamp, format) {
    const date = new Date(timeStamp);
    const year = date.getFullYear();
    const month = String(date.getMonth() + 1).padStart(2, '0');
    const day = String(date.getDate()).padStart(2, '0');
    const hours = String(date.getHours()).padStart(2, '0');
    const minutes = String(date.getMinutes()).padStart(2, '0');
    const seconds = String(date.getSeconds()).padStart(2, '0');

    return format
        .replace('YYYY', year)
        .replace('MM', month)
        .replace('DD', day)
        .replace('hh', hours)
        .replace('mm', minutes)
        .replace('ss', seconds);
}

const timeStamp = 1594988151776;
const formattedTime = formatTimeStamp(timeStamp, 'YYYY-MM-DD hh:mm:ss');
console.log(formattedTime);

上述代码中，formatTimeStamp 函数接受两个参数，第一个参数为时间戳，第二个参数为格式化字符串，其中 ‘YYYY’ 表示年份，’MM’ 表示月份，’DD’ 表示日期，’hh’ 表示小时，’mm’ 表示分钟，’ss’ 表示秒。我们通过替换格式化字符串中的占位符来实现时间戳的自定义格式化。运行以上代码，你将看到类似如下的输出：