vue時間過濾器簡單實例
阿新 • • 發佈:2017-10-09
nbsp 單實例 new bsp class h+ ets 直接 filters
利用vue的過濾器進行簡單的時間過濾
直接上效果圖=>
附上代碼=>
<template> <div class="hello"> <h2>下面是時間</h2> <p>{{time | date}}</p> </div> </template> <script> export default { name: ‘hello‘, data(){ return{ time: Date(),//定義當前的時間 } }, filters:{ date(time){ let date = new Date(time)//把定義的時間賦值進來進行下面的轉換 let year = date.getFullYear(); let month = date.getMonth()+1; let day = date.getDate(); let hour = date.getHours(); let minute = date.getMinutes(); let second= date.getSeconds(); return year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second; } } } </script>
vue時間過濾器簡單實例