<template>
<view>
<view>{
{date}}</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello',
date:'',
setTime:''
}
},
onLoad() {
var setTime = setInterval( ()=> {
let date = new Date()
let year = date.getFullYear()
let month = date.getMonth() + 1
month >= 9 ? month : month='0'+month
let day = date.getDate()
day >= 9 ? day : day = '0'+ day
let hour = date.getHours()
hour >= 9 ? hour : hour = '0'+hour
let minute = date.getMinutes()
minute >= 9 ? minute : minute = '0'+minute
let second = date.getSeconds()
second >= 9 ? second : second = '0'+second
this.date = year + '-'+month+'-'+day+" "+hour+":"+minute+":"+second
}, 1000)
},
onHide(){
clearInterval(setTime)
},
methods: {
}
}
</script>
Time can change dynamically in real time:
Use a timer, re-call Date() every second to get the time, and then clear the timer when the interface is destroyed.