一、导入时间格式化通用js
import { formatTimeToStr } from “@/utils/date”;
二、data()中定义常量
export default {
return {
date: formatTimeToStr(new Date(), “yyyy-MM-dd hh:mm:ss”)
}
}
三、methods:里面添加
setTimer: function() {
setInterval(() => {
this.date = formatTimeToStr(new Date(), “yyyy-MM-dd hh:mm:ss”);
}, 1000);
}
四、created()里面添加
this.setTimer();
五、在需要显示实时时间的地方使用this.date
<el-form-item label=“实时时间” prop=“notPulishTime”>
<el-input v-model=“date” placeholder=“实时时间” :readonly=“true” />
</el-form-item>
六、 date.js内容如下
// 对Date的扩展,将 Date 转化为指定格式的String
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,
// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
// (new Date()).Format(“yyyy-MM-dd hh:mm:ss.S”) ==> 2006-07-02 08:09:04.423
// (new Date()).Format(“yyyy-M-d h: m:s.S”) ==> 2006-7-2 8:9:4.18
Date.prototype.Format = function (fmt) {
var o = {
“M+”: this.getMonth() + 1, //月份
“d+”: this.getDate(), //日
“h+”: this.getHours(), //小时
“m+”: this.getMinutes(), //分
“s+”: this.getSeconds(), //秒
“q+”: Math.floor((this.getMonth() + 3) / 3), //季度
“S”: this.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt))
fmt = fmt.replace(RegExp.$1, (this.getFullYear() + “”).substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + “)”).test(fmt))
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : ((“00” + o[k]).substr(("" + o[k]).length)));
return fmt;
}
export function formatTimeToStr(times, pattern) {
var d = new Date(times).Format(“yyyy-MM-dd hh:mm:ss”);
if (pattern) {
d = new Date(times).Format(pattern);
}
return d.toLocaleString();
}