JavaScript 将时间戳字符串转换为可读日期格式

在现代应用中，我们经常需要处理时间戳，尤其是在与后端交互时。时间戳通常以毫秒为单位表示自1970年1月1日以来的时间。这篇博客将介绍如何将时间戳字符串（如 "1727848833248"）转换为可读的日期格式，并展示相关的 JavaScript 代码示例。

什么是时间戳？

时间戳是一个数字，表示自1970年1月1日（UTC）以来的毫秒数。在 JavaScript 中，时间戳通常用于表示日期和时间。我们可以使用 Date 对象将时间戳转换为人类可读的日期格式。

从时间戳字符串到日期对象

假设我们有一个时间戳字符串：

const timestampStr = "1727848833248";

我们的目标是将这个字符串转换为可读的日期格式。以下是实现这个目标的步骤。

步骤 1：将字符串转换为数字

首先，我们需要将时间戳字符串转换为数字，以便可以创建 Date 对象：

const timestamp = Number(timestampStr);

步骤 2：创建 Date 对象

使用转换后的时间戳创建一个 Date 对象：

const date = new Date(timestamp);

步骤 3：检查日期有效性

在使用日期之前，我们需要检查它是否有效。我们可以使用 isNaN(date.getTime()) 来验证：

if (isNaN(date.getTime())) {
    console.error("无效的日期");
}

步骤 4：格式化日期

我们可以使用 toLocaleString 方法将日期格式化为可读的字符串。以下是一个示例配置，显示年、月、日、时、分、秒以及时区信息：

const options = {
    year: 'numeric',
    month: '2-digit',
    day: '2-digit',
    hour: '2-digit',
    minute: '2-digit',
    second: '2-digit',
    timeZoneName: 'short' // 显示时区
};

const formattedDate = date.toLocaleString('zh-CN', options);
console.log(formattedDate);

完整示例代码

以下是完整的代码示例，将时间戳字符串转换为可读日期格式：

// 给定的时间戳字符串
const timestampStr = "1727848833248";

// 将字符串转换为数字
const timestamp = Number(timestampStr);

// 创建 Date 对象
const date = new Date(timestamp);

// 检查是否是有效的 Date 对象
if (isNaN(date.getTime())) {
    console.error("无效的日期");
} else {
    // 格式化日期
    const options = {
        year: 'numeric',
        month: '2-digit',
        day: '2-digit',
        hour: '2-digit',
        minute: '2-digit',
        second: '2-digit',
        timeZoneName: 'short' // 显示时区
    };

    const formattedDate = date.toLocaleString('zh-CN', options);
    console.log(formattedDate); // 输出类似 "2024/07/31 09:47:13 GMT+8"
}

运行结果

运行上述代码后，你将看到如下格式的输出（具体时间可能会根据时区不同而有所变化）：

2024/07/31 09:47:13 GMT+8

总结

在本文中，我们介绍了如何将时间戳字符串转换为可读的日期格式。通过 JavaScript 的 Date 对象和 toLocaleString 方法，可以轻松实现这一功能。