filters與moment過濾時間
阿新 • • 發佈:2018-08-26
nbsp filters 註意 -m 過濾器 htm 管道符 orm 準備
// 安裝 moment
npm i moment
// 引入
<script src="./vue.js"></script> <script src="./node_modules/moment/moment.js"></script> // html裏使用 <div id="app"> <!-- | 叫做:管道符 --> <!-- 過濾器的語法:要格式化的數據 管道符號 過濾器名稱 --> <h1>{{ myDate | date(‘YYYY‘) }}</h1> <h1>{{ myDate | date(‘YYYY-MM-DD HH:mm:SS‘) }}</h1> </div> // data準備數據 data: { myDate: new Date() }, // // 局部過濾器: filters: { // 對象的鍵表示過濾器名稱 // 對象的值表示使用過濾器時,要執行的函數 // 註意:不要使用箭頭函數來創建過濾器(methods 中也不能用箭頭函數,但是方法內部可以用) date(input, format = ‘YYYY-MM-DD HH:mm:SS‘) { return moment(input).format(format) } }filters與moment過濾時間