一:时间1方法:
首先在data中写入:
timer: undefined, 定一个计时器
nowTime: new Date(),当前时间
data中:
data() {
return {
//时间1定义
timer: undefined,
nowTime: new Date(),
};
},
created 中:
created() {
//时间1方法
// 要显示时间,在渲染页面之前一直调用该函数,对this.time进行赋值开启定时
this.timer = setInterval(() => {
this.nowTime = new Date().toLocaleString();
});
},
beforeDestroy中:
// 关闭页面销毁定时器
beforeDestroy() {
if (this.timer) {
clearInterval(this.timer);
}
},
二:时间2方法:
//时间2方法
FormatTime() {
//设置返回显示的日期时间格式
var date = new Date();
var year = this.formatTime(date.getFullYear());
var month = this.formatTime(date.getMonth() + 1);
var day = this.formatTime(date.getDate());
var hour = this.formatTime(date.getHours());
var minute = this.formatTime(date.getMinutes());
var second = this.formatTime(date.getSeconds());
var weekday = date.getDay();
var weeks = new Array(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六"
);
var week = weeks[weekday];
//这里设置你要显示的格式
return `${year}年-${month}月-${day}日 ${hour}:${minute}:${second} ${week}`;
},
formatTime(n) {
//判断时间是否需要加0
if (n < 10) {
return "0" + n;
} else {
return n;
}
},
关于大部分人小白问关于使用方面的问题-统一回复:
使用直接在页面中你需要的部分加上:
时间1: { {nowTime}}
时间2: { {this.FormatTime()}}
有什么不懂的欢迎使用风尚云搜~
风尚云网