moment()方法获取当前时间&&相关对时间处理用法

---

前言

在日常开发vue项目过程中，经常会用到对时间的处理操作，vue底层帮我们封装好的moment()方法有着强大的功能

---

一、vue项目安装moment

npm install moment  --save

二、引入

 import moment from 'moment'

三、用法

1.基本用法

//获取当前时间
var now = moment().toDate();
console.log(now) // Thu Nov 21 2024 16:24:46 GMT+0800 (中国标准时间)
//格式化当前时间
var now = moment().format("YYYY-MM-DD HH:mm:ss");
console.log(now); // '2024-11-21 16:25:47'
//获取这个月初时间
let startMonth = moment().startOf("month").toDate();
console.log(startMonth); // Fri Nov 01 2024 00:00:00 GMT+0800 (中国标准时间)
//获取今天开始的时间
let dayOfStart = moment().startOf('day').toDate();
console.log(dayOfStart); // Thu Nov 21 2024 00:00:00 GMT+0800 (中国标准时间)
//获取今天结束的时间
let dayOfEnd = moment().endOf('day').toDate();
console.log(dayOfEnd); // Thu Nov 21 2024 23:59:59 GMT+0800 (中国标准时间)
//获取＋n小时 例：+5小时
let lateHour = moment().add(5,'hour').toDate();
console.log(lateHour); // Thu Nov 21 2024 21:28:54 GMT+0800 (中国标准时间)
//获取＋n天  例：+3天
let lateDay = moment().add(+3,'day').toDate();
console.log(lateDay); // Sun Nov 24 2024 16:29:17 GMT+0800 (中国标准时间)
//获取-n天   例：-2天
let beforeDay = moment().subtract(2,'day').toDate();
console.log(beforeDay); // Tue Nov 19 2024 16:29:49 GMT+0800 (中国标准时间)
// 获取+n月  例：+2月
let lateMonth = moment().add(2,'month').toDate();
console.log(lateMonth);// Tue Jan 21 2025 16:30:39 GMT+0800 (中国标准时间)
// 获取-n月  例：-2月
let beforeMonth = moment().subtract(2,'month').toDate();
console.log(lateHour);// Sat Sep 21 2024 16:30:45 GMT+0800 (中国标准时间)

2.列举moment()方法里面的包含的API（部分方法）

.toData(): 原生 Date 对象的副本

var now = moment().toDate(); 
console.log(now); // Thu Nov 21 2024 16:51:04 GMT+0800 (中国标准时间)

.format(): 规定返回格式

var now = moment().format("YYYY-MM-DD HH:mm:ss"); 
console.log(now); //'2024-11-21 16:51:34'

.toArray(): 获取包含年份、月份、月份的日期、小时、分钟、秒钟、毫秒的数组

var now = moment().toArray(); 
console.log(now); // [2024, 10, 21, 16, 51, 42, 669]

.toObject() :获取包含年份、月份、月份的日期、小时、分钟、秒钟、毫秒的对象

var now = moment().toObject(); 
console.log(now); //{years: 2024, months: 10, date: 21, hours: 16, minutes: 51, …}

toData(): 获取传入月数的天数

const now= moment("2024-11", "YYYY-MM").daysInMonth();
console.log(now); // 30

3.两个时间进行比较

判断是否早于

var now = moment("2024-10-31").isBefore("2024-11-01"); 
console.log(now); // true;

判断是否相等

var now = moment("2023-11-21").isSame("2023-11-21"); 
console.log(now); // true;

判断是否晚于

var now = moment("2024-11-21").isAfter("2023-11-21"); 
console.log(now); // true;

判断是否在时间范围内

var now = moment("2024-02-29").isBetween("2024-02-01", "2024-12-01"); 
console.log(now); // true;

更多方法可以去官网查看

Moment.js 中文网