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
评论前必须登录!
注册