用moment将时间戳格式化为周几 几月几日

一、安装moment模块

用npm安装

npm install moment --save

用yarn安装

yarn add moment

二、使用moment

链接: https://momentjs.com/docs/.

使用ES6语法引入并使用moment

直接通过import引入moment

import moment from ‘moment’;

然后通过moment()这个方法传一个时间戳进来,format()用于格式化,括号内写要格式化为什么样式

moment().format();

以下是format()内可以输入的格式
年,月和日:

输入例子描述
YYYY20214或2位数的年份。注意:strict模式下只能解析4位数字
YY212位数的年份
Y-25带任意数字和符号的年份
Q1…4一年四分之一。将月份设置为季度的第一个月。
M 或 MM1…12或01…12月数
MMM或MMMMJan…December区域设置中的月份名称由 moment.locale()
D或 DD1…31或01…31一个月中的某天
Do1st…31st每月第几天
DDD或DDDD1…365或001…365一年中的一天
X(大写)1410715640.579秒级时间戳
x(小写)1410715640579毫秒级时间戳

周年,周和周日:

输入例子描述
gggg2014区域设置4位数字的周年
gg14区域设置2位数字的周年
w ww1…53一年的语言环境周
e0…6一周的语言环境
ddd ddddMon…Sunday区域设置中的日期名称 moment.locale()
GGGG2014ISO 4位数周年
GG14ISO 2位数的星期年
W WW1…53一年中的ISO周
E1…7ISO星期几

三、封装组件

用moment格式化时间一般在项目中会多次复用,因此直接封装成一个过滤器组件

import Vue from ‘vue’
import moment from ‘moment’
moment.locale(‘zh-cn’, {
weekdays: ‘周日_周一_周二_周三_周四_周五_周六’.split(’_’)
})
// 定义时间的过滤器
Vue.filter(‘timeFilter’, (time) => {
// 要注意time这个时间戳是毫秒级还是秒级,若是秒级需要乘以1000在传入moment()里
return moment(time * 1000).format(‘dddd M月DD日’)
})

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值