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/

posted @ 2019-11-08 17:42  涼皮Herr  阅读(3061)  评论(0编辑  收藏  举报