uniapp實時動態顯示當前時間(時分秒)
阿新 • • 發佈:2021-07-07
進入頁面 實時動態顯示當前時間(時分秒)
<text class="punch-time">{{ clock | FormatTime }}</text> ------------------------------ data() { return { clock: Date.parse(new Date()), }; }, mounted() { let _this = this; setInterval(function () { _this.clock = Date.parse(new Date()); }, 1000); }, filters: { FormatTime: function (val) { return getDate(val, "hour"); }, }, --------------------------------- //format.js: export function getDate(datetime, startType) { var date = new Date(datetime); //時間戳為10位需*1000,時間戳為13位的話不需乘1000 var year = date.getFullYear(), month = ("0" + (date.getMonth() + 1)).slice(-2), sdate = ("0" + date.getDate()).slice(-2), hour = ("0" + date.getHours()).slice(-2), minute = ("0" + date.getMinutes()).slice(-2), second = ("0" + date.getSeconds()).slice(-2); // 拼接 // var result = year + "-"+ month +"-"+ sdate +" "+ hour +":"+ minute +":" + second; // 返回 // return result; let resStr = ""; if (startType === "year") resStr = year + "-" + month + "-" + sdate + " " + hour + ":" + minute + ":" + second; if (startType === "day") resStr = year + "-" + month + "-" + sdate; if (startType === "month") resStr = month + "-" + sdate; if (startType === "hour") resStr = hour + ":" + minute + ":" + second; return resStr; }