fix: 点播头部工具条时间动画错误

刷新立即生效

Author: Taois

dashboard/src/views/Video.vue

@@ -79,7 +79,18 @@ const pageStateStore = usePageStateStore();
 const route = useRoute();
 const router = useRouter();
 
-const currentDateTime = ref("");
+// 时间格式化函数
+const formatDate = (date) => {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  const hours = String(date.getHours()).padStart(2, '0');
+  const minutes = String(date.getMinutes()).padStart(2, '0');
+  const seconds = String(date.getSeconds()).padStart(2, '0');
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+};
+
+const currentDateTime = ref(formatDate(new Date())); // 初始化时就设置当前时间
 const currentActiveKey = ref(""); // 当前选中的分类key
 const videoListRef = ref(null); // VideoList组件引用
 const form = reactive({
@@ -161,20 +172,6 @@ const checkNowSite = () => {
   }
 };
 
-const formatDate = (date) => {
-  const options = {
-    weekday: "long", // 星期几
-    year: "numeric",
-    month: "numeric",
-    day: "numeric",
-    hour: "2-digit",
-    minute: "2-digit",
-    second: "2-digit",
-    hour12: true, // 12小时制
-  };
-  return date.toLocaleString("zh-CN", options);
-};
-
 // 启动定时器
 const startClock = () => {
   timer.value = setInterval(() => {