当前位置:K88软件开发文章中心编程语言JavaScriptJS01 → 文章内容

日期相关处理类库Moment.js

减小字体 增大字体 作者:佚名  来源:网上搜集  发布时间:2019-1-4 8:50:05

-->

Moment.js是一个JS处理日期相关的类库。Moment.js主要用于解析、检验、操作、以及显示日期,Moment.js可以很好的在IE8,9,Chrome,Safari,Firefox等浏览器中运行,当然也可以在Node.JS下运行。下面主要讲解下Moment.js的用法和一些API。

1、Moment.js分别在NodeJS下和在浏览器中引入
NodeJS

1
2
3
npm install moment
var moment = require(‘moment’);
moment().format()

Browser浏览器

1
2
3
4
<script src=“moment.min.js”></script>
<script>
moment().format();
</script>

2、Moment.js常用API

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
//日期格式化
moment().format(‘MMMM Do YYYY, h:mm:ss a’); // 十二月 13日 2015, 1:30:13 下午
moment().format(‘dddd’); // 星期日
moment().format(“MMM Do YY”); // 12月 13日 15
moment().format(‘YYYY [escaped] YYYY’); // 2015 escaped 2015
moment().format(); // 2015-12-13T13:30:13+08:00
//相对时间
moment(“20111031”, “YYYYMMDD”).fromNow(); // 4 年前
moment(“20120620”, “YYYYMMDD”).fromNow(); // 3 年前
moment().startOf(‘day’).fromNow(); // 14 小时前
moment().endOf(‘day’).fromNow(); // 10 小时内
moment().startOf(‘hour’).fromNow(); // 30 分钟前
//日历时间
moment().subtract(10, ‘days’).calendar(); // 2015年12月3日
moment().subtract(6, ‘days’).calendar(); // 本周一下午1点30
moment().subtract(3, ‘days’).calendar(); // 本周四下午1点30
moment().subtract(1, ‘days’).calendar(); // 昨天下午1点30分
moment().calendar(); // 今天下午1点30分
moment().add(1, ‘days’).calendar(); // 明天下午1点30分
moment().add(3, ‘days’).calendar(); // 下周三下午1点30
moment().add(10, ‘days’).calendar(); // 2015年12月23日

3、Moment.js格式化参数详解

格式代码说明返回值例子
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 PMAM PM
a小写的am pmam 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
XUnix时间戳1411572969

日期相关处理类库Moment.js