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