引入 moment.js 这个插件
第一步下载
npm i moment --save
第二步引入项目中
main.js引入:
import moment from 'moment'
Vue.prototype.$moment = moment
vue页面中
<div class="full-header-left_title">
{{ currentTime }} {{ daysCurrent }}
</div>
js部分
methods: {
// 时间日期
currentTimeUpdate() {
// "YYYY-MM-DD HH:mm:ss dddd"
this.currentTime = moment()
.locale("zh-cn")
.format("YYYY-MM-DD HH:mm:ss");
console.log(this.currentTime, "时间李义帆");
},
// 星期几
dataCurrent() {
var myDate = new Date();
var days = myDate.getDay();
switch (days) {
case 1:
days = "星期一";
break;
case 2:
days = "星期二";
break;
case 3:
days = "星期三";
break;
case 4:
days = "星期四";
break;
case 5:
days = "星期五";
break;
case 6:
days = "星期六";
break;
case 0:
days = "星期日";
break;
}
this.daysCurrent = days;
}
}
mounted() {
setInterval(() => {
this.currentTimeUpdate();
}, 1000);
}
喜欢文章给个小赞吧,mau~~~