Spring Boot||解决th:text下时间没有被格式化

蔚落 2023-01-15 01:13 79阅读 0赞

## 背景 ##

为了让时间数据可以在前端可视化显示，我在写实体类时，对date类型的数据加了“@JsonFormat”注解

@JsonFormat (timezone = "GMT+8",pattern = "yyyy-MM-dd HH:mm:ss")
    	private Date updataTime;//更新时间
    	@JsonFormat (timezone = "GMT+8",pattern = "yyyy-MM-dd HH:mm:ss")
    	private Date createTime;//创建时间

并进行了测试，一切正常，如图。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70]  
但是在我实际使用时，发现即使给date类型数据加了@JsonFormat注解，但是在前端页面显示的还是默认格式，而不是我想要的可视化格式，如图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70 1]  
从网上找了好几个解决办法，都是让加注解，但是我确实已经加了…

## 解决 ##

我怀疑是我前端页面引用的数据变量有问题，就查看了一下相关的代码

问题就处在th:text上，它没有对date类型数据按我想要的格式化显示，而是显示了从SQL读取出来的原始数据。  
所以得让其格式化，才能实现可视化。具体代码修改如下：

// 数据名称 想显示的具体格式
    th:text="${#dates.format(datas.createTime,'yyyy-MM-dd HH:mm:ss')}"

## 测试 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70]: /images/20221022/53798406c7b84914a17ae7d2f9c9a868.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70 1]: /images/20221022/610df054aa2f444eaf707efa7f97bb8e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70 2]: /images/20221022/d8230c7fc1f14850a44a698028b3a81f.png