2025-03-26

src/hooks/useTime.ts

@@ -0,0 +1,41 @@
+import { ref } from "vue";
+
+/**
+ * @description 获取本地时间
+ */
+export const useTime = () => {
+    const year = ref(0); // 年份
+    const month = ref(0); // 月份
+    const week = ref(""); // 星期几
+    const day = ref(0); // 天数
+    const hour = ref<number | string>(0); // 小时
+    const minute = ref<number | string>(0); // 分钟
+    const second = ref<number | string>(0); // 秒
+    const nowTime = ref<string>(""); // 当前时间
+    const specificDate = ref<string>(""); // 年月日
+    // 更新时间
+    const updateTime = () => {
+        const date = new Date();
+        year.value = date.getFullYear();
+        month.value = date.getMonth() + 1;
+
+        week.value = "日一二三四五六".charAt(date.getDay());
+        day.value = date.getDate();
+        hour.value =
+            (date.getHours() + "")?.padStart(2, "0") ||
+            new Intl.NumberFormat(undefined, { minimumIntegerDigits: 2 }).format(date.getHours());
+        minute.value =
+            (date.getMinutes() + "")?.padStart(2, "0") ||
+            new Intl.NumberFormat(undefined, { minimumIntegerDigits: 2 }).format(date.getMinutes());
+        second.value =
+            (date.getSeconds() + "")?.padStart(2, "0") ||
+            new Intl.NumberFormat(undefined, { minimumIntegerDigits: 2 }).format(date.getSeconds());
+        nowTime.value = `${year.value}年${month.value}月${day.value} ${hour.value}:${minute.value}:${second.value}`;
+
+        specificDate.value = year.value + "-" + month.value + "-" + day.value;
+    };
+
+    updateTime();
+    console.log(year, month, day, hour, minute, second, week, nowTime, specificDate.value);
+    return { year, month, day, hour, minute, second, week, nowTime, specificDate };
+};