一、安装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()内可以输入的格式
年,月和日:

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

周年,周和周日:

输入 例子 描述
gggg 2014 区域设置4位数字的周年
gg 14 区域设置2位数字的周年
w ww 1…53 一年的语言环境周
e 0…6 一周的语言环境
ddd dddd Mon…Sunday 区域设置中的日期名称 moment.locale()
GGGG 2014 ISO 4位数周年
GG 14 ISO 2位数的星期年
W WW 1…53 一年中的ISO周
E 1…7 ISO星期几

三、封装组件

用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日’)
})

用moment将时间戳格式化为周几 几月几日相关推荐

  1. 时间戳格式化为正常时间 (年-月-日 时:分:秒)

    时间格式化 做项目的时候往往后台返回的时间数据不是我们想要的形式 如 (年-月-日 时:分:秒) 那要自己写代码来转换格式 下面代码可以快速格式化时间,建议收藏 代码如下 let time = '20 ...

  2. js将时间戳格式化为HH:ii:ss的格式

    将时间戳格式化为 HH:ii:ss的格式 <html> <head> </head> <body><span id="time" ...

  3. JAVA将十位时间戳格式化为日期Date类型

    一.十位数字格式时间戳格式化为日期Date类型 public static String timeStamp2Date(String seconds,String format) { if(secon ...

  4. 将时间戳格式化为yyyy-MM-dd hh:mm:ss格式(Vue) Moment

    推荐方法: 文档 | Moment.js 中文网(可支持其他时间格式转换,英文,法文等.) //下载安装包 npm install moment -D//main.js引入包 import momen ...

  5. 解决python时间戳最大为3001年1月1日15时59分59秒的问题

    自己写个python函数解决python时间戳最大为3001年1月1日15时59分59秒的问题 今天碰到一个情况,在oracle查数,某个数的值是个时间值,而且是9999年12月31日,然后pytho ...

  6. 为什么计算机起始时间、为什么Java时间戳、是1970年1月1日?

    为什么计算机起始时间.为什么Java时间戳.是1970年1月1日? 相信这个问题让很多学习编程的人都感到疑惑,我也是,查询了很多,发现这篇帖子讲的通俗易懂,简单明了. [为什么计算机起始时间是1970 ...

  7. 崩坏3抽奖模拟html5,崩坏3崩坏周周练5月18日答案大全 夜隐重霞崩坏周周练答案汇总...

    崩坏3 大小: 角色养成 崩坏3崩坏周周练5月18日答案是什么?崩坏3在今天更新了崩坏周周练的题库,本期题目都围绕这"夜隐重霞"这个角色,对她不了解的玩家估计很难获得高分.下面就是 ...

  8. JAVASCRIPT 取得当前时间,包括农历时间 时间格式:2011年11月8日 16:54 星期二 农历辛卯年(兔) 十月十三 申时...

    JAVASCRIPT 取得当前时间,包括农历时间 时间格式:2011年11月8日 16:54 星期二 农历辛卯年(兔) 十月十三 申时 写成了一个Js包(附件里)里了,直接调用函数就行 测试代码: & ...

  9. Java时间戳格式化为日期字符串

    1.时间戳简介 时间戳(TimeStamp),通常是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分00秒)起至现在的总秒数,不考虑闰秒.Java 中 ...

  10. 2022年第6周(1月31日-2月6日)中国各地区电影票房排行榜:江苏票房夺冠,河南票房环比增幅最大(附热榜TOP31详单)

    榜单解读: 2022年1月31日-2月6日,第6周正值春节假期,作为全年最"吸金"的电影档期,中国各地区电影市场再创佳绩,总票房高达60.36亿元,票房环比增长了1961.6%,总 ...

最新文章

  1. Java 线程池详解
  2. 什么时候z检验什么时候t检验?
  3. MySQL高级 - 查询缓存 - SELECT选项
  4. 1、取得/etiantian文件的权限对应的数字(考试题答案系列)
  5. 分区创建 linux_在 Intel NUC 上安装 Linux
  6. html asp:textbox,ASP .NET - TextBox 控件
  7. 《如何搭建小微企业风控模型》第六节节选 特征工程(下)
  8. Android:强制EditText删除焦点? [重复]
  9. 技术专题:请需要我帮忙抓包分析网络的网友,使用下面的抓包教程,然后将数据包发给我...
  10. RINEX广播星历文件读取(N文件)
  11. 反爬虫绕过初级——添加http header和gzip解压处理
  12. 计算机硬盘使用率测试软件,测试硬盘速度的10款软件
  13. 阿里云的端口映射问题
  14. EasyGBS主子码流都为H.265时,切换出现花屏如何解决?
  15. 骨传导耳机会伤害耳朵吗?骨传导耳机优点是什么
  16. 调教ChatGpt看这一篇文章就够了
  17. Cocos2d-x开发实例:使用Lambda 表达式
  18. STM32 多个定时器 多路PWM配置
  19. SAP MIRO付款条件与折扣
  20. React中实现倒计时功能根据接口防止刷新

热门文章

  1. Java 日期常用API
  2. Python如何从列表中删除空列表?代码示例
  3. Euler formula
  4. 人工智能续写哈利波特,超魔幻风格你能接受吗?
  5. 老九学堂 学习 C++
  6. 提高睡眠质量的牛皮凉席!
  7. halcon例程学习笔记(10)---图像灰度共生矩阵cooc_feature_image.hdev
  8. 客户贷款逾期预测[5] - 特征工程
  9. 记录一下Alphapose安装过程
  10. 企业如何推动组织变革?