diff --git a/assets/src/bundles/add_forge/add-request-history-item.ejs b/assets/src/bundles/add_forge/add-request-history-item.ejs
--- a/assets/src/bundles/add_forge/add-request-history-item.ejs
+++ b/assets/src/bundles/add_forge/add-request-history-item.ejs
@@ -10,7 +10,7 @@
       <h2 class="mb-0">
         <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse<%= index %>"
                 aria-expanded="true" aria-controls="collapse$<%= index %>">
-                From <%= event.actor %> (<%= event.actor_role %>) on <%= event.date.slice(0, 16) %>
+                From <%= event.actor %> (<%= event.actor_role %>) on <%= getHumanReadableDate(event.date) %>
           <%if (event.new_status !== null) { %>
           <span style="padding-left: 10px;">New status:</span> <%= swh.add_forge.formatRequestStatusName(event.new_status) %>
           <% } %>
@@ -28,4 +28,4 @@
       </div>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/assets/src/bundles/add_forge/create-request.js b/assets/src/bundles/add_forge/create-request.js
--- a/assets/src/bundles/add_forge/create-request.js
+++ b/assets/src/bundles/add_forge/create-request.js
@@ -5,7 +5,8 @@
  * See top-level LICENSE file for more information
  */
 
-import {handleFetchError, removeUrlFragment, csrfPost} from 'utils/functions';
+import {handleFetchError, removeUrlFragment, csrfPost,
+        getHumanReadableDate} from 'utils/functions';
 
 let requestBrowseTable;
 
@@ -93,7 +94,8 @@
       columns: [
         {
           data: 'submission_date',
-          name: 'submission_date'
+          name: 'submission_date',
+          render: getHumanReadableDate
         },
         {
           data: 'forge_type',
diff --git a/assets/src/bundles/add_forge/moderation-dashboard.js b/assets/src/bundles/add_forge/moderation-dashboard.js
--- a/assets/src/bundles/add_forge/moderation-dashboard.js
+++ b/assets/src/bundles/add_forge/moderation-dashboard.js
@@ -5,6 +5,8 @@
  * See top-level LICENSE file for more information
  */
 
+import {getHumanReadableDate} from 'utils/functions';
+
 export function onModerationPageLoad() {
   populateModerationList();
 }
@@ -36,7 +38,7 @@
         {
           data: 'submission_date',
           name: 'submission_date',
-          render: $.fn.dataTable.render.text()
+          render: getHumanReadableDate
         },
         {
           data: 'forge_type',
diff --git a/assets/src/bundles/add_forge/request-dashboard.js b/assets/src/bundles/add_forge/request-dashboard.js
--- a/assets/src/bundles/add_forge/request-dashboard.js
+++ b/assets/src/bundles/add_forge/request-dashboard.js
@@ -5,7 +5,7 @@
  * See top-level LICENSE file for more information
  */
 
-import {handleFetchError, csrfPost} from 'utils/functions';
+import {handleFetchError, csrfPost, getHumanReadableDate} from 'utils/functions';
 import emailTempate from './forge-admin-email.ejs';
 import requestHistoryItem from './add-request-history-item.ejs';
 
@@ -71,7 +71,11 @@
   $('#requestHistory').children().remove();
 
   history.forEach((event, index) => {
-    const historyEvent = requestHistoryItem({'event': event, 'index': index});
+    const historyEvent = requestHistoryItem({
+      'event': event,
+      'index': index,
+      'getHumanReadableDate': getHumanReadableDate
+    });
     $('#requestHistory').append(historyEvent);
   });
 }
diff --git a/assets/src/bundles/admin/deposit.js b/assets/src/bundles/admin/deposit.js
--- a/assets/src/bundles/admin/deposit.js
+++ b/assets/src/bundles/admin/deposit.js
@@ -5,6 +5,8 @@
  * See top-level LICENSE file for more information
  */
 
+import {getHumanReadableDate} from 'utils/functions';
+
 function genSwhLink(data, type) {
   if (type === 'display' && data && data.startsWith('swh')) {
     const browseUrl = Urls.browse_swhid(data);
@@ -74,13 +76,7 @@
           {
             data: 'reception_date',
             name: 'reception_date',
-            render: (data, type, row) => {
-              if (type === 'display') {
-                const date = new Date(data);
-                return date.toLocaleString();
-              }
-              return data;
-            }
+            render: getHumanReadableDate
           },
           {
             data: 'status',
diff --git a/assets/src/bundles/admin/origin-save.js b/assets/src/bundles/admin/origin-save.js
--- a/assets/src/bundles/admin/origin-save.js
+++ b/assets/src/bundles/admin/origin-save.js
@@ -1,11 +1,12 @@
 /**
- * Copyright (C) 2018-2021  The Software Heritage developers
+ * Copyright (C) 2018-2022  The Software Heritage developers
  * See the AUTHORS file at the top-level directory of this distribution
  * License: GNU Affero General Public License version 3, or any later version
  * See top-level LICENSE file for more information
  */
 
-import {handleFetchError, csrfPost, htmlAlert} from 'utils/functions';
+import {handleFetchError, csrfPost, htmlAlert,
+        getHumanReadableDate} from 'utils/functions';
 import {swhSpinnerSrc} from 'utils/constants';
 
 let authorizedOriginTable;
@@ -64,13 +65,7 @@
       {
         data: 'save_request_date',
         name: 'request_date',
-        render: (data, type, row) => {
-          if (type === 'display') {
-            const date = new Date(data);
-            return date.toLocaleString();
-          }
-          return data;
-        }
+        render: getHumanReadableDate
       },
       {
         data: 'visit_type',
diff --git a/assets/src/bundles/save/index.js b/assets/src/bundles/save/index.js
--- a/assets/src/bundles/save/index.js
+++ b/assets/src/bundles/save/index.js
@@ -1,12 +1,12 @@
 /**
- * Copyright (C) 2018-2021  The Software Heritage developers
+ * Copyright (C) 2018-2022  The Software Heritage developers
  * See the AUTHORS file at the top-level directory of this distribution
  * License: GNU Affero General Public License version 3, or any later version
  * See top-level LICENSE file for more information
  */
 
 import {csrfPost, handleFetchError, isGitRepoUrl, htmlAlert, removeUrlFragment,
-        getCanonicalOriginURL} from 'utils/functions';
+        getCanonicalOriginURL, getHumanReadableDate} from 'utils/functions';
 import {swhSpinnerSrc} from 'utils/constants';
 import artifactFormRowTemplate from './artifact-form-row.ejs';
 
@@ -160,13 +160,7 @@
           {
             data: 'save_request_date',
             name: 'request_date',
-            render: (data, type, row) => {
-              if (type === 'display') {
-                const date = new Date(data);
-                return date.toLocaleString();
-              }
-              return data;
-            }
+            render: getHumanReadableDate
           },
           {
             data: 'visit_type',
diff --git a/assets/src/utils/functions.js b/assets/src/utils/functions.js
--- a/assets/src/utils/functions.js
+++ b/assets/src/utils/functions.js
@@ -143,3 +143,11 @@
 
   return originUrl;
 }
+
+export function getHumanReadableDate(data) {
+  // Display iso format date string into a human readable date
+  // This is expected to be used by date field in datatable listing views
+  // Example: 3/24/2022, 10:31:08 AM
+  const date = new Date(data);
+  return date.toLocaleString();
+}