1. 程式人生 > >filters與moment過濾時間

filters與moment過濾時間

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過濾時間