当前位置: 代码迷 >> 综合 >> moment.js如何使用(强大的日期和时间管理插件)
  详细解决方案

moment.js如何使用(强大的日期和时间管理插件)

热度:44   发布时间:2023-11-29 14:35:25.0

moment.js中文官网

使用moment.js创建时间

moment() // 当前时间
moment("2019-01-01")//将字符串转为一个对象
moment({ year :2019, month :4, day :13, hour :15, minute :10, second :3, millisecond :123})

使用moment.js格式化日期

根据需要随意组合format方法中的参数

moment().format('YYYY-MM-DD HH:mm:ss') //"2019-04-13 16:46:40"
moment().format('YYYY年MM月DD日 HH时mm分ss秒') //"2019年04月13日 16时47分17秒"
moment().format('YYYY年MM月DD日 HH:mm:ss') // "2019年04月13日 16:46:18"
moment().format('YYYY.MM.DD HH:mm:ss') //"2019.04.13 16:47:58"

多语言格式化(根据所选语言显示不同效果)

//设置语言
var locale = window.navigator.userLanguage || window.navigator.language;//"zh-CN"
moment.locale()//"en"
moment.locale('zh-cn');//"zh-cn"
moment.locale()//"zh-cn"//中文
moment().format('L');    // 2019-04-13
moment().format('l');    // 2019-04-13
moment().format('LL');   // 2019年4月13日
moment().format('ll');   // 2019年4月13日
moment().format('LLL');  // 2019年4月13日下午5点24分
moment().format('lll');  // 2019年4月13日下午5点24分
moment().format('LLLL'); // 2019年4月13日星期六下午5点24分
moment().format('llll'); // 2019年4月13日星期六下午5点24分//韩文
moment().format('L');    // 2019.04.13
moment().format('l');    // 2019.4.13
moment().format('LL');   // 2019? 4? 13?
moment().format('ll');   // 2019? 4? 13?
moment().format('LLL');  // 2019? 4? 13? ?? 5? 25?
moment().format('lll');  // 2019? 4? 13? ?? 5? 25?
moment().format('LLLL'); // 2019? 4? 13? ??? ?? 5? 25?
moment().format('llll'); // 2019? 4? 13? ? ?? 5? 25?

moment.js提供了丰富的说明文档,使用它还可以创建日历项目等复杂的日期时间应用。我们日常开发中最常用的是格式化时间,下面我把常用的格式制作成表格说明供有需要的朋友查看

格式代码 说明 返回值例子
YYYY 四位数字完整表示的年份 如:2014 或 2000
YY 两位数字表示的年份 如:14 或 98
Q 季度 1到4
M 数字表示的月份,没有前导零 1到12
MM 数字表示的月份,有前导零 01到12
MMM 三个字母缩写表示的月份 Jan到Dec(不同语言有不同的显示)
MMMM 月份,完整的文本格式 January到December(不同语言有不同的显示)
D 月份中的第几天,没有前导零 1到31
DD 月份中的第几天,有前导零 01到31
d 星期中的第几天,数字表示 0到6,0表示周日,6表示周六
ddd 三个字母表示星期中的第几天 Sun到Sat (不同语言有不同的显示)
dddd 星期几,完整的星期文本 从Sunday到Saturday(不同语言有不同的显示)
w 年份中的第几周 如42:表示第42周
A 大写的AM PM AM PM
a 小写的am pm am pm
H 小时,24小时制,无前导零 0到23
HH 小时,24小时制,有前导零 00到23
h 小时,12小时制,无前导零 0到12
hh 小时,12小时制,有前导零 00到12
m 没有前导零的分钟数 0到59
mm 有前导零的分钟数 00到59
s 没有前导零的秒数 1到59
ss 有前导零的描述 01到59
X Unix时间戳 1411572969

使用moment.js获取/设置时间信息

moment().second() //获得 秒
moment().second(Number) //设置 秒。0 到 59
moment().minute() //获得 分
moment().minute(Number) //设置 分。0 到 59
// 类似的用法
moment().hour() // 小时
moment().date() // 一个月里的第几天
moment().day() // 星期几
moment().dayOfYear() // 一年里的第几天
moment().week() // 一年里的第几周
moment().month() // 第几个月
moment().quarter() // 一年里的第几个季度
moment().year() // 年
moment().daysInMonth() // 当前月有多少天

使用moment.js操作时间


moment().add(7, 'days') // 之后的第7天。第2个参数还可以是 'months', 'years' 等。注意是复数。
moment().add(7, 'd')// 与上面一行代码的运行结果一样。
moment().subtract(1, 'months') // 上个月moment().startOf('week') // 这周的第一天
moment().startOf('hour') // 等效与 moment().minutes(0).seconds(0).milliseconds(0)。
// 还支持 'year','month' 等
moment().endOf('week')

使用moment.js查询时间(作判断)

// 早于
moment('2010-10-20').isBefore('2010-10-21') // true
moment('2010-10-20').isBefore('2010-12-31', 'year') // false
moment('2010-10-20').isBefore('2011-01-01', 'year') // true// 是否相等
moment('2010-10-20').isSame('2010-10-20') // true
moment('2010-10-20').isSame('2009-12-31', 'year')  // false
moment('2010-10-20').isSame('2010-01-01', 'year')  // true// 晚于
moment('2010-10-20').isAfter('2010-10-19') // true
moment('2010-10-20').isAfter('2010-01-01', 'year') // false
moment('2010-10-20').isAfter('2009-12-31', 'year') // true// 是否在时间范围内
moment('2010-10-20').isBetween('2010-10-19', '2010-10-25') // true
moment('2010-10-20').isBetween('2010-01-01', '2012-01-01', 'year') // false
moment('2010-10-20').isBetween('2009-12-31', '2012-01-01', 'year') // truemoment().isLeapYear() // 是否是闰年

  相关解决方案