Moment是一個非常實用的輕量級的時間庫，它可以快速的對時間進行解析、檢驗、獲取、設置、格式話及比較等操作。它方便了開發者在日常開發中對時間的操作，大大提高了開發效率。
安裝moment
在Vue中使用moment還是很簡單的，可以使用安裝命令：npm install moment --save直接安裝moment。當然也可以直接下載moment.js文件然後在項目中引入。
引入moment
在main.js文件中導入coment，然後通過prototype屬性向Vue實例對象中添加屬性或方法。
moment使用
在Vue組件中使用moment可以使用this.繼承，通過this.$moment()就可以獲取當前時間。如果你需要格式化獲取到的時間格式，可以通過.format("YYYY-MM-DD")方法來實現，裡面的字符串為年月日的時間顯示格式。
設置時間過濾器
我們也可以定義全局的時間過濾器，通過Vue.filter()來註冊一個自定義過濾器（該過濾器必須放在Vue實例化之前），過濾器函數第一個參數為過濾器名稱，第二個參數是個執行指定過濾要求的方法。為了方便用戶這裡在定義方法的時候默認了一個pattern，用戶如果沒有填寫指定的輸出格式時就輸出默認的格式。
使用過濾器
過濾器只能在{{}}和：v-bind中使用，定義時第一個參數固定為預處理的時間，第二個參數為我們定義的過濾器名稱（也可以附上參數），中間用“|”分割即可。
moment的獲取方法
moment提供了很多獲取時間的方法，可以精準定位到你需要的時間週期或者時間點。下面列出了一些moment常用到的獲取方法，你可以根據自己的需求選用適合的方法。這裡我用的是Vue框架所以使用了prototype屬性向Vue實例對象中添加屬性或方法，在使用的時候請用this.$moment.方法來實現對應的功能。
moment的設置方法
moment不僅可以獲取時間，同時也可以設置指定的時間。大部分都是在獲取的方法上添加參數即可實現相應的設置功能，時間加減指的是在當前獲取到的時間的基礎上進行增加的功能，比如要更改時差！
moment格式化時間
moment支持對時間進行格式化，通過format()方法可以實現對當前時間進行格式化顯示。下面是參數中對應的格式代碼，分別對應著不同的含義。如this.$moment().format('MM DD YYYY, hh:mm:ss')表示輸出格式為“月/日/年 小時：分鐘：秒”。
總結：
以上內容是小編給大家分享的Vue實戰069：使用moment格式化時間，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回覆大家的。更多Vue實戰技巧可以參考專欄：Vue實戰系列，在此也非常感謝大家對小編的支持！
閱讀更多 編程手札 的文章
