日期处理(moment.js)使用笔记

之前没接触moment.js,在新项目中见到了,做一做使用笔记也是分享一下

安装+引用:

npm install moment 或者 yarn add moment

import moment from "moment"; //导入文件
Vue.prototype.$moment = moment; //赋值使用

使用:

moment不传参默认当前时间,可接受参数为任意时间

**格式化 **

this.$moment().format('YYYY-MM-DD HH:mm:ss') //2022-03-16 14:03:48

日期加减
add第一个参数为日期加减的数量,第二个为类型,可接参
在这里插入图片描述

    let dateStr = '2022-03-01 12:00:00'
    this.$moment(dateStr).add(1,'years').format('YYYY-MM-DD HH:mm:ss')//date 2023-03-01 12:00:00  加一年
    this.$moment(dateStr).add(1,'Q').format('YYYY-MM-DD HH:mm:ss')//2022-06-01 12:00:00    加一个季度
    this.$moment(dateStr).add(1,'days').format('YYYY-MM-DD HH:mm:ss')//date 2022-03-02 12:00:00   加一天
    this.$moment(dateStr).add(-1,'week').format('YYYY-MM-DD HH:mm:ss')//2022-02-22 12:00:00  减一个星期
    this.$moment(dateStr).add(-1,'m').format('YYYY-MM-DD HH:mm:ss')//2022-03-01 11:59:00  减一分钟
    ......
   

当前日期所在的(年/月/周/日)的 开始时间和结束时间 (参数与上一致)

let dateStr = '2022-03-01 12:00:00'
this.$moment(dateStr).startOf('d').format('YYYY-MM-DD HH:mm:ss')//2022-03-01 00:00:00 当前天的开始时间
this.$moment(dateStr).endOf('d').format('YYYY-MM-DD HH:mm:ss')//2022-03-01 23:59:59 当前天的结束时间

this.$moment(dateStr).startOf('w').format('YYYY-MM-DD HH:mm:ss')//2022-02-27 00:00:00  当前周的开始时间
this.$moment(dateStr).endOf('w').format('YYYY-MM-DD HH:mm:ss')//2022-03-05 23:59:59		当前周的结束时间
......

两日期之差(参数与上一致)

    let dateStr1 = '2022-02-01 12:00:00'
    let dateStr2 = '2022-03-01 12:00:00'
    let days1 = this.$moment(dateStr2).diff(this.$moment(dateStr1), "Y"); //相差年数    0
    let days2 = this.$moment(dateStr2).diff(this.$moment(dateStr1), "M"); //相差月数    1
    let days3 = this.$moment(dateStr2).diff(this.$moment(dateStr1), "d"); //相差天数    28
    let days4 = this.$moment(dateStr2).diff(this.$moment(dateStr1), "h"); //相差小时数  67 
    let days5 = this.$moment(dateStr2).diff(this.$moment(dateStr1), "s"); //相差秒数    2419200

日期的一些比较方法

    //之前
    console.log( this.$moment('2022-03-01 12:00:00').isBefore('2010-10-21')) // false
    //相同
    console.log( this.$moment('2022-03-01 12:00:00').isSame('2010-10-20')) // false
    //之后
    console.log( this.$moment('2022-03-01 12:00:00').isAfter('2010-10-19')) // true
    //之间
    console.log( this.$moment('2022-03-01 12:00:00').isBetween('2010-10-19', '2010-10-25')) // false
    // 是否闰年
    console.log( this.$moment('2022-03-01 12:00:00').isLeapYear()) //false

我也刚接触使用moment库,这是一些常用方法,后续有其他用到的会继续更新

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值