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/