vue-時間轉換插件-moment.js的使用


在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官網

官網:http://momentjs.cn/docs/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM