#### 1. 自定義私有過濾器 ``` /*將時間格式轉換*/ filters: { datefmt: function(input, formatstring){ var year = input.getFullYear(); var month = input.getMonth() + 1; var day = input.getDate(); var hour = input.getHours(); /* 用toString().padStart()方法可以保持時間兩位數 var hh = dt.getHours().toString().padStart(2, '0'); var mm = dt.getMinutes().toString().padStart(2, '0'); var ss = dt.getSeconds().toString().padStart(2, '0'); */ var minute = input.getMinutes(); var second = input.getSeconds(); var res1 = year + '-' + month + '-' + day; var res2 = year + '-' + month + '-' + day + ' ' + hour + '-' + minute + '-' + second; if(formatstring == "yyyy-mm-dd"){ return res1; }else{ return res2; } } } ``` #### 2. 自定義全局過濾器 ``` Vue.filter('datefmt', function(input){ var day = input.getDate(); var month = input.getMonth() + 1; var year = input.getFullYear(); var res = year + "-" + month + "-" + day; return res; }) ``` #### 3. 實例 ``` <div id="app"> <!-- 過濾差值表達式的內容，可以接受多個過濾器 --> <p>{{ msg | msgFormat}}</p> </div> <script> /* 定義一個Vue全局的過濾器，名字叫做 msgFormat */ /* 過濾器中進行一個回調函數，第一個參數永遠是管道符前面傳過來的值 */ Vue.filter('msgFormat', function(msg){ //字符串的 replace方法，第一個參數，除了可寫一個字符串之外，還可以定義一個正則 return msg.replace(/徐/g, "陳"); }) var vm = new Vue({ el: '#app', data: { msg: "徐徐" } }) </script> ```