[TOC] >[success] # 時間戳轉換日期格式 ~~~ 工作中可能會有一種需求，后臺返回時間數據是時間戳，需要前端自己來轉換成自己想要的格式，然后展示在頁面上， 有可能要'YYYY-MM-DD',也有可能要'YYYY/MM/DD'的格式的，所以處理后再展示。 ~~~ 這里要用到一個`JavaScript`日期處理類庫[moment.js](http://momentjs.cn/docs/)，這里需要涉及到vue全局方法Vue.filter，因為項目以后會有很多地方都會用到這個過濾器的方法。 ~~~ 在'src'目錄下創建一個'filters'文件夾，以及'index.js'和'formatDate.js'文件 filters | |____ index.js // 引入當前文件夾所有.js過濾文件 | |____ formatDate.js // 格式化時間 // formatDate.js import Vue from 'vue' import moment from 'moment' // 日期和時間的格式化 1992/05/08 12:00:00 YYYY-MM-DD HH:mm:ss Vue.filter('dateTimeFormat', function(value, formatValue) { if (!value || !formatValue) return value value = new Date(+value).getTime() if (value) return moment(value).format(formatValue) return }) // index.js import '@/filters/formatDate' // main.js import '@/filters/index' ~~~ ~~~ 上面在src中創建了一個過濾文件，并且在過濾文件中寫了一個'dateTimeFormat'過濾的方法,'value'就是過濾時候傳入的 時間戳，formatValue為想要的時間格式，例如'YYYY-MM-DD'，或者'YYYY/MM/DD' 頁面中使用時這樣寫： <span>{{ lastUpdateDt | dateTimeFormat('YYYY-MM-DD') }}</span> 這樣就轉換成日期格式了 ~~~