moment.js格式化常用使用方法总结大全

Moment.js是一个轻量级的JavaScript时间库，它方便了日常开发中对时间的操作，提高了开发效率。日常开发中，通常会对时间进行下面这几个操作：比如获取时间，设置时间，格式化时间，比较时间等等。以下就是JavaScrip教程网对moment.js使用过程中的常用使用方法总结，希望可以帮助到大家。

一、设定moment区域为中国

// require 方式
require('moment/locale/zh-cn')
moment.locale('zh-cn'); 
 
// import 方式
import 'moment/locale/zh-cn'
moment.locale('zh-cn'); 

二、基础格式 用法

1.日期

moment(new Date()).format("YYYY-MM-DD”)  // 2021-10-23

moment(new Date()).format("YYYY/MM/DD”)  // 2021/10/23

moment(new Date()).format("YYYY年MM月DD日”)  // 2021年10月23日

moment(new Date()).locale('zh-cn').format('L')  // 2021/10/23

moment(new Date()).locale('zh-cn').format('l')  // 2021/10/23

moment(new Date()).locale('zh-cn').format('LL')  // 2021年10月23日

moment(new Date()).locale('zh-cn').format('ll')  // 2021年10月23日

2.时间日期

moment(new Date()).format("YYYY-MM-DD hh:mm:ss”)  // 2021-10-23 10:50:33

moment(new Date()).format(”YYYY年MM月DD日 hh时mm分ss秒“)  //   2021年10月23日 10时50分33秒

moment(new Date()).locale('zh-cn').format('LLL')  //   2021年10月23日上午10时50分

moment(new Date()).locale('zh-cn').format('lll')  //   2021年10月23日 10:50

moment(new Date()).locale('zh-cn').format('LLLL')  //   2021年10月23日星期四上午10时50分

moment(new Date()).locale('zh-cn').format('llll')  //   2021年10月23日星期四 10:50
全选代码复制
3.日期时间(24小时制)
moment(new Date()).format("YYYY-MM-DD HH:mm:ss”)  // 2021-10-23 23:50:33

moment(new Date()).format(”YYYY年MM月DD日 HH时mm分ss秒“)  //   2021年10月23日 23时50分33秒

4.星期

moment().format('dddd') // 星期

5.当前日期之后的某一天/周/月/年/

moment(new Date()).add(1,"days").format("YYYY-MM-DD")  // 2021-10-24  加一天

moment(new Date()).add(1,"weeks").format("YYYY-MM-DD")  // 2021-10-30 加一周

moment(new Date()).add(1,"months").format("YYYY-MM-DD")  // 2021-11-23  加一月

moment(new Date()).add(1,"years").format("YYYY-MM-DD")  // 2022-10-23  加一年
全选代码复制
6.当前日期之前的某一天/周/月/年/
moment().subtract(1, "days").format("YYYY-MM-DD") // 2021-10-22  前一天

moment().subtract(1, "weeks").format("YYYY-MM-DD") // 2021-10-16  前一周

moment().subtract(1, "months").format("YYYY-MM-DD") // 2021-9-23  前一月

moment().subtract(1, "years").format("YYYY-MM-DD") // 2020-10-23  前一年

ps: 将来就是加add，曾经就是减subtract, 现在是moment()，复杂的加减可以使用链式。链式操作举例：moment().add(7, ‘days’).subtract(1, ‘months’) // 意思为当前日期加上7天再减去一个月，时分秒和当前保持一致。

7.日历时间?

// 日历格式为昨天、明天、下周三这种表达，去掉calendar就是正常格式返回
 // days可以换成months、hours、seconds、years
 moment().subtract(10, ‘days’).calendar(); // 当前时间减10天，以日历时间格式返回————2021/03/28
 moment().subtract(6, ‘days’).calendar(); // 当前时间减6天，以日历时间格式返回————上星期四10:27
 moment().subtract(1, ‘days’).calendar(); // 前时间减1天，以日历时间格式返回————昨天10:27
 moment().calendar(); // 当前时间————今天10:27
 moment().add(1, ‘days’).calendar(); // 当前时间加1天，以日历时间格式返回————明天10:27
 moment().add(3, ‘days’).calendar(); // 当前时间加三天，以日历时间格式返回————下星期六10:27
 moment().add(10, ‘days’).calendar(); // 当前时间加10天，以日历时间格式返回————2021/04/17

8.时间地点格式化

console.log(moment().format(“YYYY-MM-DD HH:mm:ss”)); //当前时间
console.log(moment().subtract(10, “days”).format(“YYYY-MM-DD”)); //当前时间的前10天时间
console.log(moment().subtract(1, “years”).format(“YYYY-MM-DD”)); //当前时间的前1年时间
console.log(moment().subtract(3, “months”).format(“YYYY-MM-DD”)); //当前时间的前3个月时间
console.log(moment().subtract(1, “weeks”).format(“YYYY-MM-DD”)); //当前时间的前一个星期时间

9.时间段

console.log(moment() < current || moment().subtract(365, ‘days’) > current); // 过去的一年时间内
console.log(moment().subtract(7, ‘days’).add(1, ‘hours’), moment().add(1, ‘hours’)) // 过去的7天，且时间向上取整

三、moment其他用法

1.moment获取天的23时59分59秒可以用moment().endOf(String)，以及获取天的0时0分0秒可以用moment().startOf(‘day’)

moment().endOf(String)
moment().startOf('day')

2.获取今天0时0分0秒

moment().startOf('day')

3.获取本周第一天(周日)0时0分0秒

moment().startOf('week')

4.获取本周周一0时0分0秒

moment().startOf('isoWeek')

5.获取当前月第一天0时0分0秒

moment().startOf('month')

四、End of Time（moment().endOf(String)）

1.获取今天时间

moment().endOf('day')

2.获取本周最后一天(周六)23时59分59秒

moment().endOf('week')

3.获取本周周日23时59分59秒

moment().endOf('isoWeek')

### 4.获取当前月最后一天23时59分59秒
moment().endOf('month')

5.获取当前月的总天数

moment().daysInMonth() 

6.获取时间戳(以秒为单位)

moment().format('X') // 返回值为字符串类型
moment().unix() // 返回值为数值型

7.获取时间戳(以毫秒为单位)

moment().format('x') // 返回值为字符串类型
moment().valueOf() // 返回值为数值型

8.获取年份

moment().year()
moment().get('year')

9.获取月份

moment().month()  // (0~11, 0: January, 11: December)
moment().get('month')

10.获取某月中的某一天

moment().date()
moment().get('date')

11.获取一个星期中的某一天

moment().day() // (0~6, 0: Sunday, 6: Saturday)
moment().weekday() // (0~6, 0: Sunday, 6: Saturday)
moment().isoWeekday() // (1~7, 1: Monday, 7: Sunday)
moment().get('day')
mment().get('weekday')
moment().get('isoWeekday')

12.获取小时

moment().hours()
moment().get('hours')

13.获取分钟

moment().minutes()
moment().get('minutes')

14.获取秒数

moment().seconds()
moment().get('seconds')

15.获取当前的年月日时分秒

moment().toArray() // [years, months, date, hours, minutes, seconds, milliseconds]
moment().toObject() // {years: xxxx, months: x, date: xx ...}

转化为JavaScript原生Date对象

moment().toDate()
new Date(moment())

将Moment时间转换为JavaScript原生Date对象

let m = moment()
let nativeDate1 = m.toDate()
let nativeDate2 = new Date(m) String(nativeDate1) === String(nativeDate2) // true