vue處理mysql數據庫中的時間數據（datetime）

一、使用過濾器處理接收的時間數據

mysql中使用datetime類型的數據，長度不用設置

 

 

這時接收到的時間格式是這樣的

{{ item.date  }}

 

顯然這個格式不太美觀，所以我們可以先導入 moment，然后設置過濾器來獲取我們想要的時間格式（紅色的部分可以隨意修改）

npm i moment -S

import moment from 'moment'
Vue.filter('dateFormat', function (dateStr,pattern = "YYYY-MM-DD HH:mm:ss") {
  return moment(dateStr).format(pattern);
})

之后在獲取到的時間后面加上 '| dateFormat'

{{ item.date | dateFormat }}

修改后的結果：

 

 

 二、發送時間數據

博主一開始直接是用了Date.now()獲取了當前的時間，並向數據庫發送了這個數據，但是並沒有成功，因為發送的是現在的毫秒數，格式和mysql上的datetime不一樣（就算是用timestamp也會報錯）

date: Date.now() // 錯誤！！！

下面是報錯信息

 

 

 

 

 

 所以我們需要用別的方法，同樣也是使用moment（找了好久才找到的orz）

date: moment().format('YYYY-MM-DD HH:mm:ss')

ps：如果想要發送UTC時間，直接在中間加入utc就行了

date: moment().utc().format('YYYY-MM-DD HH:mm:ss')