在前端开发中，我们经常需要将时间转换为易读的格式。其中，把日期转换为“今天”、“昨天”、“前天”等格式是一种常见需求。本文将介绍如何使用 JavaScript 实现这一功能。
1. 获取当前时间和目标时间
首先，我们需要获取当前时间和要转换的目标时间。可以使用 JavaScript 的 Date 对象来获取当前时间：
const now = new Date();
要转换的目标时间可以从后端 API 或用户输入中获取。
2. 计算时间差值
接下来，我们需要计算当前时间与目标时间之间的时间差值。可以使用 getTime() 方法获取两个时间对象的毫秒数，并将它们相减得到时间差值：
const diffTime = now.getTime() - targetTime.getTime();
3. 根据时间差值确定日期描述
有了时间差值后，我们需要根据其大小来确定日期描述。以下是一个示例函数：
-- -------------------- ---- -------
-------- ---------------- -
----- --- - --- -------
----- -------- - ------------- - ---------------
----- -------- - ------------------- - ----- - -- - -- - -----
-- --------- --- -- -
------ -----
- ---- -- --------- --- -- -
------ -----
- ---- -- --------- --- -- -
------ -----
- ---- -
------ ------------ ----
-
-该函数将一个 Date 对象作为参数，并返回相应的日期描述。当时间差值为 0、1、2 天时，分别返回“今天”、“昨天”、“前天”。否则，返回“X 天前”的格式。
4. 完整示例代码
以下是一个完整的示例代码：
-- -------------------- ---- -------
-------- ---------------- -
----- --- - --- -------
----- -------- - ------------- - ---------------
----- -------- - ------------------- - ----- - -- - -- - -----
-- --------- --- -- -
------ -----
- ---- -- --------- --- -- -
------ -----
- ---- -- --------- --- -- -
------ -----
- ---- -
------ ------------ ----
-
-
-- ----
----- ---------- - --- -------------------
----- ------------- - -----------------------
--------------------------- -- -----在上述示例中，我们将 new Date('2023-04-05') 作为目标时间传递给 formatDate 函数，并输出其返回值“前天”。
5. 总结
本文介绍了如何使用 JavaScript 将时间转换成易读的“今天”、“昨天”、“前天”等格式。通过获取当前时间和目标时间，计算时间差值，以及根据差值确定日期描述，我们可以轻松实现这一功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/3471