momentjs的使用

2023-07-26  本文已影响0人  叮当碧岭

momentjs的官网链接

一.momentjs引入

1.npm install moment

3.import moment from "moment"

二.创建moment对象

1.moment():获取当前时间

2.moment(String):根据字符串创建一个moment对象

3.moment(Object):根据对象创建一个moment对象

4.moment(Number[]):根据数组创建一个moment对象

5.moment(Date):根据日期对象创建一个moment对象

6.moment(milliseconds):根据时间戳创建一个moment对象

moment对象创建 moment对象创建案例的code

三.时间的set,get方法

1.设置和获取‘year’:moment().years() 或者 moment().get('year')

2.设置和获取‘month’:moment().months()+1 或者 moment().get('month')+1

注:因为months返回的月份起使数值为0,所以获取需要的月份都要+1

3.设置和获取‘date’:

设置的方法:moment().dates(Number) 或者 moment().set('year',Int)

获取的方法:moment().dates() 或者 moment().get('date')

4.设置和获取‘hour’:

设置的方法:moment().hours(Number) 或者 moment().set('hour',Int)

获取的方法:moment().hours() 或者 moment().get('hour')

5.设置和获取‘minutes’:

设置的方法:moment().minutes(Number) 或者 moment().set('minute',Int)

获取的方法:moment().minutes() 或者 moment().get('minute')

6.设置和获取‘second’:

设置的方法:moment().second(Number) 或者 moment().set('second',Int)

获取的方法:moment().second() 或者 moment().get('second')

7.设置和获取‘millisecond’:

设置的方法:moment().millisecond(Number) 或者 moment().set('millisecond',Int)

获取的方法:moment().millisecond() 或者 moment().get('millisecond')

8.设置和获取‘quarters’:

设置的方法:moment().quarters(Number) 

获取的方法:moment().quarters()

9.设置和获取‘days’:

设置的方法:moment().days(Number|String)

获取的方法:moment().days()

moment设置和获取的案例 moment设置和创建的案例的code

四.时间的操作

1.添加时间:moment().add(Number, String)

2.减少时间:moment().subtract(Number, String)

3.设置某一个时间的开始时间:moment().startOf(String)

4.设置某一个时间的结束时间:moment().endOf(String)

moment时间操作的案例 时间操作案例的code 时间操作案例的code

五.时间的显示

1.时间的格式化:moment().format(String)

2.相对时间:moment().to(Moment|String|Number|Date|Array)

3.时间的差值:moment().diff(Moment|String|Number|Date|Array, String, Boolean)

因为momen的时间差值方法只能返回某一个标准的小数位,不能将小数位换算成更小的单位,所以重新封装了时间的差值方法:

时间差值的封装

4.获取礼拜几,改月的总天数,时间属于哪一个季度,可以参照时间的获取和设置的方法

5.更改时间的计算,参照时间的操作的方法

6.获取时间的对象格式:moment().toObject()

7.获取时间的数组格式:moment().toArray()

8.获取时间的json格式:moment().toJSON()

时间的展示的案例 时间的展示案例的code

六.dayjs

Day.js也是好用的时间库

上一篇下一篇

猜你喜欢

热点阅读