diff --git a/WEB-INF/vue/chat.jsp b/WEB-INF/vue/chat.jsp
index 30c35571f4cdafa51e8117769943b98b1c324517..bd183e58183e9ae3e91f7035dba2029b4fa7ea1b 100644
--- a/WEB-INF/vue/chat.jsp
+++ b/WEB-INF/vue/chat.jsp
@@ -9,6 +9,7 @@
 <%@ page import="modele.dao.DaoLike" %>
 <%@ page import="java.lang.Integer" %>
 <%@ page import="java.lang.NumberFormatException" %>
+<%@ page import="java.time.format.DateTimeFormatter" %>
 <%@ page import="java.util.List" %>
 
 <%!
@@ -17,6 +18,7 @@
     DaoMessage daoMessage = new DaoMessage();
     DaoFollower daoFollower = new DaoFollower();
     DaoLike daoLike = new DaoLike();
+    DateTimeFormatter formatter = DateTimeFormatter.ofPattern("'le' dd/MM/yyyy 'à' HH'h'mm");
 %>
 
 <%
@@ -97,7 +99,7 @@
                         } %>
 
                         <div id="me" class="row d-inline-block m-3">
-                            <label class="ms-3 fs-6 text-secondary">par <%=sender %>, le <%=message.getTime()%> à XXhXX</label>
+                            <label class="ms-3 fs-6 text-secondary">par <%=sender %>, <%=message.getTime().format(formatter)%></label>
                             <div class="p-3 border border-3 border-<%=color %> rounded-pill bg-<%=color %>-subtle">
                                 <label><%=message.getMessage() %></label>
                             </div>