美文网首页
momentjs的使用

momentjs的使用

作者: 叮当碧岭 | 来源:发表于2023-07-26 16:00 被阅读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也是好用的时间库

    相关文章

      网友评论

          本文标题:momentjs的使用

          本文链接:https://www.haomeiwen.com/subject/yxhkpdtx.html