Formmatted date of updated as the 'YYYY/MM/DD HH:mm'

package.json

@@ -9,8 +9,10 @@
   "dependencies": {
     "@popperjs/core": "2.11.7",
     "@prisma/client": "4.13.0",
-    "bootstrap": "5.2.3",
+    "boostrap": "^2.0.0",
+    "bootstrap": "^5.3.2",
     "cookie-parser": "1.4.6",
+    "dayjs": "1.11.7",
     "debug": "4.3.4",
     "express": "4.18.2",
     "express-session": "1.17.3",

public/javascripts/bundle.js.LICENSE.txt

@@ -0,0 +1,30 @@
+/*!
+  * Bootstrap v5.3.2 (https://getbootstrap.com/)
+  * Copyright 2011-2023 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+  */
+
+/*!
+ * Sizzle CSS Selector Engine v2.3.10
+ * https://sizzlejs.com/
+ *
+ * Copyright JS Foundation and other contributors
+ * Released under the MIT license
+ * https://js.foundation/
+ *
+ * Date: 2023-02-14
+ */
+
+/*!
+ * jQuery JavaScript Library v3.6.4
+ * https://jquery.com/
+ *
+ * Includes Sizzle.js
+ * https://sizzlejs.com/
+ *
+ * Copyright OpenJS Foundation and other contributors
+ * Released under the MIT license
+ * https://jquery.org/license
+ *
+ * Date: 2023-03-08T15:28Z
+ */

routes/index.js

@@ -3,6 +3,12 @@ const express = require('express');
 const router = express.Router();
 const { PrismaClient } = require('@prisma/client');
 const prisma = new PrismaClient({ log: [ 'query' ] });
+const dayjs = require('dayjs');
+const utc = require('dayjs/plugin/utc');
+const timezone = require('dayjs/plugin/timezone');
+dayjs.extend(utc);
+dayjs.extend(timezone);
+dayjs.tz.setDefault('Asia/Tokyo');
 
 /* GET home page. */
 router.get('/', async (req, res, next) => {
@@ -12,13 +18,16 @@ router.get('/', async (req, res, next) => {
       where: { createdBy: parseInt(req.user.id) },
       orderBy: { updatedAt: 'desc' }
     });
+    schedules.forEach((schedule) => {
+      schedule.formattedUpdatedAt = dayjs(schedule.updatedAt).tz().format('YYYY/MM/DD HH:mm');;
+    });
     res.render('index', {
       title: title,
       user: req.user,
-      schedules: schedules
+      schedules: schedules  
     });
   } else {
-    res.render('index', { title: title, user: req.user });
+    res.render('index', { title: title, user: req.user});
   }
 });
 

views/index.pug

@@ -3,7 +3,7 @@ extends layout
 block content
   div.container.my-3
     div.p-5.bg-light.rounded-3
-      h1.text-body 予定調整くん
+      h1.text-body #{title}
       p.lead 予定調整くんは、GitHub で認証でき、予定を作って出欠が取れるサービスです。
   div.container
     if user
@@ -19,4 +19,4 @@ block content
             tr
               td
                 a(href=`/schedules/${schedule.scheduleId}`) #{schedule.scheduleName}
-              td #{schedule.updatedAt}
+              td #{schedule.formattedUpdatedAt}