在vue項目中對時間格式有不同的使用要求,網上轉換方式有很多,當下記錄使用moment的大概方法義工參考。
1:安裝依賴
npm install moment --save
2:在main.js中引入
// 使用時間轉換插件 moment.js import moment from 'moment' new Vue({ el: '#app', moment })
3:在需要使用時間轉換的頁面定義
const moment = require('moment')
var createTime = '2019-11-08 12:08:09'
createTime = moment(createTime).format('YYYY-MM-DD')
console.log(createTime) // '2019-11-08'
4:常用的時間格式
格式代碼 | 說明 | 返回值例子 |
M | 數字表示的月份,沒有前導零 | 1到12 |
MM | 數字表示的月份,有前導零 | 01到12 |
MMM | 三個字母縮寫表示的月份 | Jan到Dec |
MMMM | 月份,完整的文本格式 | January到December |
Q | 季度 | 1到4 |
D | 月份中的第幾天,沒有前導零 | 1到31 |
DD | 月份中的第幾天,有前導零 | 01到31 |
d | 星期中的第幾天,數字表示 | 0到6,0表示周日,6表示周六 |
ddd | 三個字母表示星期中的第幾天 | Sun到Sat |
dddd | 星期幾,完整的星期文本 | 從Sunday到Saturday |
w | 年份中的第幾周 | 如42:表示第42周 |
YYYY | 四位數字完整表示的年份 | 如:2014 或 2000 |
YY | 兩位數字表示的年份 | 如:14 或 98 |
A | 大寫的AM PM | AM PM |
a | 小寫的am pm | am pm |
HH | 小時,24小時制,有前導零 | 00到23 |
H | 小時,24小時制,無前導零 | 0到23 |
hh | 小時,12小時制,有前導零 | 00到12 |
h | 小時,12小時制,無前導零 | 0到12 |
m | 沒有前導零的分鍾數 | 0到59 |
mm | 有前導零的分鍾數 | 00到59 |
s | 沒有前導零的秒數 | 1到59 |
ss | 有前導零的描述 | 01到59 |
X | Unix時間戳 | 1411572969 |
不同的時間格式轉換方式都是相似的,具體可以參考moment官網