|
|
|
|
@ -8,9 +8,12 @@
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import dayjs from 'dayjs';
|
|
|
|
|
import { getServerDateTime } from '@/api/publishApi';
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
serverDateTime: '',
|
|
|
|
|
serverTimeStamp: '',
|
|
|
|
|
curTime: '',
|
|
|
|
|
dayOfWeekText: '',
|
|
|
|
|
};
|
|
|
|
|
@ -18,7 +21,7 @@ export default {
|
|
|
|
|
methods: {
|
|
|
|
|
// 获取星期
|
|
|
|
|
getWeek() {
|
|
|
|
|
const dayOfWeek = dayjs().day();
|
|
|
|
|
const dayOfWeek = dayjs(this.serverDateTime).day();
|
|
|
|
|
switch (dayOfWeek) {
|
|
|
|
|
case 0:
|
|
|
|
|
this.dayOfWeekText = '星期日';
|
|
|
|
|
@ -45,13 +48,18 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
// 更新当前时间
|
|
|
|
|
updateTime() {
|
|
|
|
|
this.curTime = dayjs().format(`YYYY-MM-DD HH:mm:ss ${this.dayOfWeekText}`);
|
|
|
|
|
this.curTime = dayjs(this.serverTimeStamp).format(`YYYY-MM-DD HH:mm:ss ${this.dayOfWeekText}`);
|
|
|
|
|
this.serverTimeStamp += 1000
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.getWeek();
|
|
|
|
|
this.updateTime();
|
|
|
|
|
this.timer = setInterval(this.updateTime, 1000);
|
|
|
|
|
mounted() {
|
|
|
|
|
getServerDateTime().then(res => {
|
|
|
|
|
this.serverDateTime = res['Data']
|
|
|
|
|
this.serverTimeStamp = dayjs(res['Data']).valueOf()
|
|
|
|
|
this.getWeek();
|
|
|
|
|
this.updateTime();
|
|
|
|
|
this.timer = setInterval(this.updateTime, 1000);
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
beforeDestroy() {
|
|
|
|
|
clearInterval(this.timer);
|
|
|
|
|
|