添加时间解析

EOEFANS · Jan 2, 2023 · bea0900 · bea0900
1 parent 4d6cde0
commit bea0900
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -8,6 +8,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "dayjs": "^1.11.7",
     "imagesloaded": "^5.0.0",
     "masonic": "^3.7.0",
     "nanoid": "^4.0.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/routers/photo.tsx b/src/routers/photo.tsx
@@ -1,3 +1,12 @@
+import getrealtiveTime from "@utils/time";
 export default function PhotoPage() {
-  return <h1>这里是photographs页面</h1>;
+  const time = getrealtiveTime(1672570122);
+  return (
+    <>
+      <h1>这里是photographs页面</h1>
+      <p>
+        <span>{time}</span>
+      </p>
+    </>
+  );
 }
diff --git a/src/utils/time/index.ts b/src/utils/time/index.ts
@@ -0,0 +1,9 @@
+import dayJs from "dayjs";
+import realtiveTime from "dayjs/plugin/relativeTime";
+import "dayjs/locale/zh-cn";
+dayJs.locale("zh-cn");
+dayJs.extend(realtiveTime);
+
+export default function getrealtiveTime(time: number): string {
+  return dayJs(time).toNow();
+}