<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Title
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js">
<div id="app">
<p>{{ctime|dateFormat}}
let vm=new Vue({
el:'#app',
data:{
ctime:new Date()
},
filters:{
dateFormat:(dataStr,pattern='')=>{
var time =new Date(dataStr);
var y=time.getFullYear();
var m=(time.getMonth()+1).toString().padStart(2,'0');
var d=time.getDate().toString().padStart(2,'0');;
if(pattern.toLowerCase()==="yyyy-mm-dd"){
return `${y}-${m}-${d}`
}else{
var hh=time.getHours().toString().padStart(2,'0');;
var mm=time.getMinutes().toString().padStart(2,'0');;
var ss=time.getSeconds().toString().padStart(2,'0');;
return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
}
}
}
})
</html>
