feat : 实时时间显示

components/RealTime/RealTime.vue

@@ -27,39 +27,25 @@ export default {
 	
 	data() {
 		return {
-				
+				realTime: '',
+                timer: null
 		};
 	},
 	
-	onReady () {
-	  
-	},
+    onUnLoad() {
+        clearInterval(this.timer)
+    },
 	
 	components: {
 	  uniEcCanvas
 	},
 	
 	methods: {
-		initChart() {
-			const refreshTime = () => {
-			    timer.value = setInterval(() => {
-					realTime.value = dateFormat(new Date(), props.elementInfo.option.dateFormart)
-			    }, 1000)
-			}
-			
-			onMounted(() => {
-			    refreshTime()
-			})
-			
-			onUnmounted(() => {
-			    clearInterval(timer.value)
-			    timer.value = null
-			})
-			
-			return {
-			    realTime,
-			}
-		}	
+        initChart() {
+            this.timer = setInterval(() => {
+            	this.realTime = this.$u.common.dateFormat()
+            }, 1000)
+        },
 	}
 }
 </script>

utils/common.js

@@ -30,11 +30,25 @@ const install = (Vue, vm) => {
 	  }
 	  return result
 	}
-	
+    
+	const dateFormat = () => {
+	    let date = new Date();
+	    let year = date.getFullYear();
+	    // 在日期格式中，月份是从0开始的，因此要加0，使用三元表达式在小于10的前面加0，以达到格式统一  如 09:11:05
+	    let month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
+	    let day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
+	    let hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
+	    let minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
+	    let seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
+	    // 拼接
+	    return year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
+	    // return year + "-" + month + "-" + day;
+	}
 	vm.$u.common = {
 		converFunction,
 		fillDigit,
-		toThousands
+		toThousands,
+        dateFormat
 	}
 }