日期处理(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第一个参数为日期加减的数量,第二个为类型,可接参
日期处理(moment.js)使用笔记_第1张图片

    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库,这是一些常用方法,后续有其他用到的会继续更新

你可能感兴趣的:(javascript,vue.js,前端,moment.js)