以前后端返回一个 createTime 字段一般的处理方法就是直接前端展示就完事了。

例如百度贴吧:

最近要做一个评论回复功能,想着再直接展示 某人于 2020/3/6 16.42 回复@某某 就稍显不合适了,一大段日期占用一大块地方,在 App 或者小程序这种移动端上看起来就及其碍眼,而且意思表述也不清晰,可以说用户体验很差了。

为此就像做成像掘金这样:

显示用户是几小时前回复的。

说干就干,下面上工具类的代码:

import java.time.Instant;
import java.time.LocalDateTime;
import java.time.ZoneId;
import java.time.format.DateTimeFormatter;

public class TimeAgoUtils {

	private static final long ONE_MINUTE = 60000L;
	private static final long ONE_HOUR = 3600000L;
	private static final long ONE_DAY = 86400000L;
	private static final long ONE_WEEK = 604800000L;

	private static final String ONE_SECOND_AGO = "秒前";
	private static final String ONE_MINUTE_AGO = "分钟前";
	private static final String ONE_HOUR_AGO = "小时前";
	private static final String ONE_DAY_AGO = "天前";
	private static final String ONE_MONTH_AGO = "月前";
	private static final String ONE_YEAR_AGO = "年前";

	public static String format(String createTime) {
		LocalDateTime time = LocalDateTime.parse(createTime, DateTimeFormatter.ofPattern("yyyy/MM/dd HH:mm:ss"));
		long compareTime = getTimestampOfDateTime(time);

		LocalDateTime now = LocalDateTime.now();
		long rightTime = getTimestampOfDateTime(now);



		long delta = rightTime - compareTime;
		if (delta < 1L * ONE_MINUTE) {
			long seconds = toSeconds(delta);
			return (seconds <= 0 ? 1 : seconds) + ONE_SECOND_AGO;
		}
		if (delta < 45L * ONE_MINUTE) {
			long minutes = toMinutes(delta);
			return (minutes <= 0 ? 1 : minutes) + ONE_MINUTE_AGO;
		}
		if (delta < 24L * ONE_HOUR) {
			long hours = toHours(delta);
			return (hours <= 0 ? 1 : hours) + ONE_HOUR_AGO;
		}
		if (delta < 48L * ONE_HOUR) {
			return "昨天";
		}
		if (delta < 30L * ONE_DAY) {
			long days = toDays(delta);
			return (days <= 0 ? 1 : days) + ONE_DAY_AGO;
		}
		if (delta < 12L * 4L * ONE_WEEK) {
			long months = toMonths(delta);
			return (months <= 0 ? 1 : months) + ONE_MONTH_AGO;
		} else {
			long years = toYears(delta);
			return (years <= 0 ? 1 : years) + ONE_YEAR_AGO;
		}
	}

	private static long toSeconds(long date) {
		return date / 1000L;
	}

	private static long toMinutes(long date) {
		return toSeconds(date) / 60L;
	}

	private static long toHours(long date) {
		return toMinutes(date) / 60L;
	}

	private static long toDays(long date) {
		return toHours(date) / 24L;
	}

	private static long toMonths(long date) {
		return toDays(date) / 30L;
	}

	private static long toYears(long date) {
		return toMonths(date) / 365L;
	}


	public static long getTimestampOfDateTime(LocalDateTime localDateTime) {
		ZoneId zone = ZoneId.systemDefault();
		Instant instant = localDateTime.atZone(zone).toInstant();
		return instant.toEpochMilli();
	}

	public static void main(String[] args) throws Exception {
		System.out.println(format("2020/03/04 15:35:35"));
	}

}

这个类传入一个 String 类型的参数 createTime,返回的是 当前时间和 createTime 差值再经过转换后的几秒前,几小时前,几天前,几月前,和几年前等结果。可以自行运行下方放 main 函数体验一下。

自 Java 8 以来,JDK 中就又新增了一系列表示时间和日期的新类,Date 中的很多方法都已经被废除了,LocalDateTime 在现如今才是最优的选择。所以传的参数是 String createTime 而不是 Date createTime。用 Date 的老项目自行修改工具类吧。

这时候 timeAgo 就是 createTime 经过转换后的几秒前,几小时前,几天前,几月前,和几年前等结果了: String timeAgo = TimeAgoUtils.format(comments.getCreateTime());

再把 Comments 类和 timeAgo 字段封装到一个 CommentsVO 类中,返回 CommentsVO 给前端,前端再取出 timeAgo 进行展示即可。

最终demo展示:


参考链接: