1. 程式人生 > >Vue建立時間過濾器 | filterTime('-')

Vue建立時間過濾器 | filterTime('-')

- HTML

使用Vue.filter()方法建立全域性過濾器。
需求:時間2018-09-26T03:24:30.489Z 變為 2018-09-26

<!--  使用過濾器 | 過濾器名字 -->
<!-- seprator -->
 <div>
	<p>{{item.ctime | filterTime('-')}}</p>
</div>

js

// seprator 
Vue.filter('filterTime', function(time, seprator) {
    console.log(typeof time);
    let y = time.getFullYear()
    let m = time.getMonth() + 1
    let d = time.getDate()
   let h = time.getHours()
    let min = time.getMinutes()
    let s = time.getSeconds()
    //  這個處理函式return 一個數據
    return y + seprator + m + seprator + d + seprator + h + seprator + min + seprator + s
  })