feat: format date

yjl9903 · Apr 9, 2023 · 14babf5 · 14babf5
1 parent 0e4b18c
commit 14babf5
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 1 deletion.
diff --git a/packages/app/package.json b/packages/app/package.json
@@ -20,6 +20,8 @@
     "@onekuma/reset": "^0.1.9",
     "@unocss/reset": "^0.51.0",
     "animegarden": "workspace:*",
+    "date-fns": "^2.29.3",
+    "date-fns-tz": "^2.0.0",
     "unocss": "^0.51.0",
     "vite-plugin-info": "^0.4.0"
   }

diff --git a/packages/app/src/components/ResourceTable.astro b/packages/app/src/components/ResourceTable.astro
@@ -1,6 +1,8 @@
 ---
 import type { Resource } from 'animegarden';
 
+import { formatInTimeZone } from 'date-fns-tz';
+
 export interface Props {
   resources: Resource[];
 }
@@ -20,7 +22,9 @@ const { resources } = Astro.props;
     >{
       resources.map((r) => (
         <tr class="divide-x">
-          <td class="text-center">{new Date(r.createdAt).toLocaleString()}</td>
+          <td class="text-center">
+            {formatInTimeZone(new Date(r.createdAt), 'Asia/Shanghai', 'yyyy-MM-dd HH:mm')}
+          </td>
           <td>
             <a href={r.href} target="_blank" class="text-link">
               {r.title}

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml