thymeleaf+timeago 显示“xx小时前“、“x天前”、“刚刚”

最新推荐文章于 2022-08-03 10:47:23 发布

美人羽

最新推荐文章于 2022-08-03 10:47:23 发布

阅读量840

点赞数

本文链接：https://blog.csdn.net/myme95/article/details/89133862

版权

效果图：

step1：

引入

<script src="https://cdn.bootcss.com/timeago.js/3.0.2/timeago.js"></script>

<script>
    // 不自动更新
    var timeagoInstance = timeago();// 实例
    var time = timeagoInstance.format('2018-03-2 17:13:00','zh_CN');
    console.log(time);

    // 自动更新
    var timeagoInstance = timeago();// 实例
    timeagoInstance.render(document.querySelectorAll('.time'),'zh_CN');

</script>

step2：

<div class="time" th:datetime="${article.publishTime}" ></div>

因为模板引擎用的是thymeleaf，所以时间datetime要写成th:datetime，否则不起作用

这是前端页面显示的方法，用timego。

java代码里可以用prettytime

要在pom文件里导入依赖文件

<!--使用prettyTime实现几分钟前，几小时前，几天前-->
<dependency>
   <groupId>org.ocpsoft.prettytime</groupId>
   <artifactId>prettytime</artifactId>
   <version>4.0.0.Final</version>
</dependency>