js 时间戳转date|极客笔记

js 时间戳转date

在前端开发中，经常会涉及到时间戳的处理，时间戳是一种表示时间的方式，它通常是1970年1月1日至某个时间点的毫秒数。在JavaScript中，我们经常需要将时间戳转换为可读的日期格式。本文将详细介绍如何使用JavaScript将时间戳转换为日期。

1. 使用Date对象

JavaScript中提供了Date对象，可以方便地处理日期和时间。我们可以使用Date对象的构造函数来创建一个表示特定时间点的实例，然后利用该实例的方法来获取各种时间信息。

下面是一个示例代码，演示了如何将时间戳转换为日期：

const timestamp = 1629962052681; // 时间戳
const date = new Date(timestamp);
console.log(date);

上面的代码首先定义了一个时间戳1629962052681，然后使用Date对象的构造函数创建了一个表示该时间戳的日期实例，并将其打印输出。运行结果如下：

Tue Aug 27 2021 10:34:12 GMT+0800 (中国标准时间)

从上面的输出可以看出，时间戳1629962052681对应的日期是2021年8月27日上午10点34分12秒，通过Date对象的构造函数可以很方便地将时间戳转换为日期对象。

2. 使用toLocaleString方法

Date对象提供了多种方法来获取日期和时间的不同部分，其中toLocaleString是一种常用的方式，可以将日期对象转换为本地化的日期时间字符串。

下面是一个示例代码，演示了如何将时间戳转换为本地化的日期时间字符串：

const timestamp = 1629962052681; // 时间戳
const date = new Date(timestamp);
const localDateString = date.toLocaleString();
console.log(localDateString);

上面的代码中，首先创建了一个表示时间戳的日期对象，然后使用toLocaleString方法将其转换为本地化的日期时间字符串，并将其打印输出。运行结果如下：

2021/8/27 下午10:34:12

从上面的输出可以看出，时间戳1629962052681对应的日期是2021年8月27日下午10点34分12秒，通过toLocaleString方法可以将日期对象转换为具有本地化格式的日期时间字符串。

3. 使用Intl.DateTimeFormat

除了Date对象提供的方法外，JavaScript还提供了Intl.DateTimeFormat对象，可以用来格式化日期和时间。Intl.DateTimeFormat对象支持传入多种选项，可以根据需要自定义日期格式。

下面是一个示例代码，演示了如何使用Intl.DateTimeFormat对象将时间戳转换为指定格式的日期字符串：

const timestamp = 1629962052681; // 时间戳
const date = new Date(timestamp);
const options = { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric' };
const formatter = new Intl.DateTimeFormat('zh-CN', options);
const formattedDate = formatter.format(date);
console.log(formattedDate);

上面的代码中，首先创建了一个表示时间戳的日期对象，然后定义了一个包含日期格式选项的对象options，接着利用Intl.DateTimeFormat对象创建了一个日期格式化器formatter，最后使用format方法将日期对象根据选项格式化为字符串，并将其打印输出。运行结果如下：

2021/8/27 下午10:34:12

从上面的输出可以看出，时间戳1629962052681对应的日期是2021年8月27日下午10点34分12秒，通过Intl.DateTimeFormat对象可以根据需求自定义日期格式。

4. 自定义格式化函数

除了使用内置的方法和对象外，我们还可以编写自定义的函数来实现时间戳到日期的转换。这样可以更灵活地控制日期格式和显示效果。

下面是一个示例代码，演示了一个自定义的函数formatDate，可以将时间戳转换为指定格式的日期字符串：

function formatDate(timestamp, format) {
  const date = new Date(timestamp);

  const map = {
    'M': date.getMonth() + 1,
    'd': date.getDate(),
    'h': date.getHours(),
    'm': date.getMinutes(),
    's': date.getSeconds()
  };

  format = format.replace(/(M+|d+|h+|m+|s+)/g, function (match) {
    return ('0' + map[match[0]]).slice(-match.length);
  });

  return format.replace(/(\d{4})/g, ' $1').replace(/^-+|-+$ /g, '');
}

const timestamp = 1629962052681; // 时间戳
const formattedDate = formatDate(timestamp, 'yyyy-MM-dd hh:mm:ss');
console.log(formattedDate);

上面的代码中，定义了一个formatDate函数，接受两个参数，分别是时间戳和日期格式。在函数中，首先创建了一个表示时间戳的日期对象，然后定义了一个映射map，用于存储不同日期部分的值。接着通过正则表达式将格式字符串中的日期部分替换为实际的日期值，并返回格式化后的日期字符串。最后调用该函数将时间戳1629962052681转换为2021-08-27 10:34:12格式的日期字符串，并将其打印输出。运行结果如下：