将日期转换为可读格式 JavaScript

在 Web 应用程序中，我们常常需要将日期转换成易于理解的格式，比如将日期转换成“10 分钟前”、“1 小时前”、“昨天”等等。本文将介绍如何使用 JavaScript 将日期转换成这种易于理解的格式。

方法一：使用 Moment.js 库

Moment.js 是一款非常流行的 JavaScript 日期处理库，它提供了丰富的日期格式化和计算功能。安装 Moment.js 库的最简单方法是使用 npm。

npm install moment

首先，导入 Moment.js 库。

import moment from 'moment';

然后，我们可以使用 Moment.js 的 fromNow 方法将一个日期转换成易于理解的格式。

const date = new Date('2021-08-01T14:25:00');
const formattedDate = moment(date).fromNow();
console.log(formattedDate); // output: "a month ago"

在上面的代码中，我们创建了一个新的 Date 对象，将其转换成 Moment.js 对象，并使用 fromNow 方法将日期对象转换成易于理解的格式。

方法二：手动编写 JavaScript 函数

如果您不想使用 Moment.js 库，那么您也可以手动编写 JavaScript 函数来将日期转换成易于理解的格式。下面是一个简单的函数实现：

function formatDate(date) {
  const seconds = Math.floor((new Date() - date) / 1000);

  let interval = Math.floor(seconds / 31536000);
  if (interval >= 1) {
    return `${interval} year${interval > 1 ? 's' : ''} ago`;
  }

  interval = Math.floor(seconds / 2592000);
  if (interval >= 1) {
    return `${interval} month${interval > 1 ? 's' : ''} ago`;
  }

  interval = Math.floor(seconds / 86400);
  if (interval >= 1) {
    return `${interval} day${interval > 1 ? 's' : ''} ago`;
  }

  interval = Math.floor(seconds / 3600);
  if (interval >= 1) {
    return `${interval} hour${interval > 1 ? 's' : ''} ago`;
  }

  interval = Math.floor(seconds / 60);
  if (interval >= 1) {
    return `${interval} minute${interval > 1 ? 's' : ''} ago`;
  }

  return `just now`;
}

上面的函数会将一个日期转换成易于理解的格式，比如“1 小时前”，“5 天前”等等。您可以将一个日期对象传递给 formatDate 函数，如下所示：

const date = new Date('2021-08-01T14:25:00');
const formattedDate = formatDate(date);
console.log(formattedDate); // output: "a month ago"

在上面的代码中，我们将一个日期对象传递给 formatDate 函数，并将函数返回值打印到控制台上。

结论

通过使用 Moment.js 库或手动编写 JavaScript 函数，您可以将日期转换成易于理解的格式。这对于 Web 应用程序中的时间戳和日期非常有用，因为这样可以使用户更好地理解经过的时间。