vue 過濾器

時間 2021-08-13

標籤 javascript html vue java ide 調試 htm utf-8 get 欄目 JavaScript 简体版

原文原文鏈接

<!DOCTYPE html>javascript

<html>html

<head>vue

<title>過濾器</title>ide

</head>調試

<script>ip

Vue.filter('date',data=>{utf-8

let date = new Date(data);get

return date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+' '+date.getHours()+':'+date.getMinutes()+':'+date.getSeconds();

})

window.onload = function(){

//配置是否容許檢查代碼,方便調試，生產環境中設置爲false

Vue.config.devtools = true; //檢查代碼

Vue.config.productioinTip = false; //有強迫症的，能夠關掉生產中的提示信息

let vm = new Vue({

el: "#div1",

data:{

currentTime: Date.now()

filters:{

time: data=>{

let date = new Date(data);

return date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+' '+date.getHours()+':'+date.getMinutes()+':'+date.getSeconds();

}

});

}

</script>

<body>

<h1>{{currentTime | time}}</h1>

</div>

</body>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。