欢迎光临
我们一直在努力

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

 

赞(0) 打赏
未经允许不得转载:新起点博客 » moment.js格式化常用使用方法总结大全


关注公众号『新起点软件管家』

获取最新网络资源及破解软件!
带你玩转各样软件...

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏