在这里,我们可以直接通过
添加vue.js链接。
html>
定时器#app{
width:400px;
height:200px;
background: rgb(248, 80, 197);
margin: 0 auto;
border-radius: 30px;
color: mintcream;
text-align: center;
line-height: 200px;
}
{{date|formatDate}}
var vm = new Vue({
el: "#app",
data: {
date: null
},
created() {
this.date = new Date();
},
mounted() {
var _this = this
_this.time = setInterval(function () {
_this.date = new Date()
}, 1000)
},
beforeDastroy() {
clearInterval(this.time)
},
filters:{
formatDate:function(val){
var date=new Date();
var year=date.getFullYear();
var month=date.getMonth()+1;
var day=date.getDate();
var hour=date.getHours();
var minute=date.getMinutes();
var second=date.getSeconds();
var result=year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second
return result
}
}
})