vue中插值表達式中時間轉換yyyy-MM-dd HH:mm:ss

vue插值表達式中將時間轉換兩種方式：
1、定義方法

<div id="app">當前實時時間:{{dateFormat(date)}}</div>

 

//時間格式化函數，此處僅針對yyyy-MM-dd hh:mm:ss 的格式進行格式化
dateFormat(time) {
    var date=new Date(time);
    var year=date.getFullYear();
/* 在日期格式中，月份是從0開始的，所以要加0
* 使用三元表達式在小於10的前面加0，以達到格式統一 如 09:11:05
* */
    var month= date.getMonth()+1<10 ? "0"+(date.getMonth()+1) : date.getMonth()+1;
    var day=date.getDate()<10 ? "0"+date.getDate() : date.getDate();
    var hours=date.getHours()<10 ? "0"+date.getHours() : date.getHours();
    var minutes=date.getMinutes()<10 ? "0"+date.getMinutes() : date.getMinutes();
    var seconds=date.getSeconds()<10 ? "0"+date.getSeconds() : date.getSeconds();
// 拼接
    return year+"-"+month+"-"+day+" "+hours+":"+minutes+":"+seconds;
}

　　

2、定義過濾器

1. 　　引入moment依賴

   npm install moment --save

   　　

2. main.js中全局引用並定義過濾器

   import moment from 'moment'
   //全局過濾器
   Vue.filter('dateFmt', (input, formatString = "YYYY-MM-DD") => {
       return moment(input).format(formatString)
   })

   　　

3. 組件插值表達式中使用

   <div id="app">當前實時時間:{{date|dateFmt('YYYY-MM-DD HH:mm:ss')}}</div>