Convert time on client side instead of server side

Author: TheTrio

routes/index.js

@@ -8,20 +8,6 @@ router.get("/", async (req, res) => {
             startTime: "desc",
         });
 
-        contests.map((contest) => {
-            contest.startTime = new Date(
-                contest.startTime.toLocaleString('en-US', {
-                    timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-                })
-            )
-
-            contest.endTime = new Date(
-                contest.endTime.toLocaleString('en-US', {
-                    timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-                })
-            )
-        })
-
         res.render("index", {
             contests: contests,
             title: "Leetcode Rating Predictor",

views/index.ejs

@@ -39,7 +39,7 @@
                 <% } else { %>
                 <td>Virtual</td>
                 <% } %>
-                <td><%= contest.startTime %></td>
+                <td class="startTime"><%= contest.startTime %></td>
                 <td><%= (contest.endTime - contest.startTime)/60000 %> minutes</td>
               </tr>
               <% } %>
@@ -59,4 +59,13 @@ new simpleDatatables.DataTable("#contest-table", {
 	fixedHeight: true,
   sortable:false,
 });
+
+const contests = document.getElementsByClassName('startTime')
+  for (let contest of contests) {
+    let startTime = new Date(contest.textContent)
+    startTime = `${startTime.toLocaleString('en-US', {
+      timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+    })} ${Intl.DateTimeFormat().resolvedOptions().timeZone}`
+    contest.textContent = startTime
+  }
 </script>