JavaScript中对new Date()的奇妙操作

一、获取两个日期时间之间的总天数

(1)使用第三方库momentjs

可以使用 Moment.js 的diff()方法来获取两个日期的时间差,然后通过给它传递 'days' 单位参数来获取相隔的天数。下面是一段示例代码:

ini 复制代码
const start = moment('2022-01-02');
const end = moment('2022-10-05');
​
const days = end.diff(start, 'days');
​
console.log(days); // 输出 276

在上述代码中,我们将开始和结束日期都转换成 Moment.js 对象,并使用 diff() 方法计算它们之间相隔的天数,最后将结果打印出来。

需要注意的是,diff() 方法返回的是一个时间差的绝对值,因此无论哪个参数在前,在计算天数方面得到的结果都是一样的。如果要考虑开始时间和结束时间的顺序,请根据具体需求自行调整。

(2)原生js

可以使用原生 JavaScript 来计算两个日期之间的天数差。通过将两个日期对象转换为时间戳,然后将其相减并将结果除以一天的毫秒数 (86400000),即可得到它们之间相差的天数。下面是一段示例代码:

ini 复制代码
const startDate = new Date('2022-01-02');
const endDate = new Date('2022-10-05');
​
const timeDiff = endDate.getTime() - startDate.getTime();
const dayDiff = Math.floor(timeDiff / (1000 * 60 * 60 * 24)); 
​
console.log(dayDiff); // 输出 276

在上述代码中,我们首先创建了开始和结束日期对象,然后将它们转换成时间戳,并计算它们之间相差的毫秒数。最后再将毫秒数转换成天数, 这里使用了 Math.floor() 函数来向下取整,确保最终获取到的值为一个整数。

二、获取这两个时间间隔的完整月份

可以借助 Moment.js 提供的 month()isSameOrBefore()add() 方法来获取两个日期之间的全部月份

下面是一段示例代码:

vbnet 复制代码
function getMonthsBetween(start, end) {
  const result = [];
  let current = moment(start).startOf('month');
  const stop = moment(end).endOf('month');
  
  while (current.isSameOrBefore(stop)) {
    result.push(current.format('YYYY-MM'));
    current.add(1, 'months');
  }
  
  return result;
}
​
// 示例输入:2022-03 和 2023-05
const start = '2022-03';
const end = '2023-05';
​
const months = getMonthsBetween(start, end);
console.log(months); // 输出 ["2022-03", "2022-04", "2022-05", "2022-06", "2022-07", "2022-08", "2022-09", "2022-10", "2022-11", "2022-12", "2023-01", "2023-02", "2023-03", "2023-04", "2023-05"]

在上述代码中,getMonthsBetween 函数接收两个日期字符串,将它们转换为 Moment.js 对象,并使用 while 循环遍历两个日期间的所有月份。每次循环中,使用 format() 方法将当前月份格式化为字符串形式(如 'YYYY-MM'),并将其添加到数组中。接着使用 add() 方法更新当前时间至下一个月初,直到超过截止时间为止。最后返回包含所有月份的数组。

三、获取当前日期所在季度

可以使用 JavaScript 中的 Date 对象和 Math 对象来获取当前日期所在季度。

具体实现方法如下:

javascript 复制代码
// 获取当前月份
var month = new Date().getMonth();

// 获取当前季度
var quarter = Math.floor(month / 3) + 1;

console.log("当前季度为:" + quarter);

其中,new Date().getMonth() 获取当前月份,由于季度是以3个月为一个周期,因此需要用 Math.floor(month / 3) 计算出当前是第几个季度,再加上 1 即为当前季度的编号。

以上代码输出的结果,以 2023 年 4 月 23 日为例,输出的结果为:当前季度为:2。

四、获取当前日期是当前季度的第几个月

可以使用 JavaScript 中的 Date 对象和 Math 对象来获取当前日期是当前季度的第几个月。

具体实现方法如下:

javascript 复制代码
// 获取当前月份
var month = new Date().getMonth();

// 获取当前季度的第一个月份
var startMonth = (Math.floor(month / 3)) * 3;

// 获取当前日期是当前季度的第几个月
var currentQuarterMonth = month - startMonth + 1;

console.log("当前季度的第" + currentQuarterMonth + "个月");

其中,new Date().getMonth() 获取当前月份,由于季度是以 3 个月为一个周期,因此需要用 Math.floor(month / 3) 来计算当前是第几个季度的第一个月,再用当前月份减去第一个月份,再加 1 即为当前季度的第几个月。

以上代码输出的结果,以 2023 年 4 月 23 日为例,输出的结果为:当前季度的第2个月。

相关推荐
前端小菜袅9 分钟前
uniapp配置自动导入uni生命周期等方法
前端·javascript·uni-app
Apifox10 分钟前
如何在 Apifox 中通过 AI 一键生成几十个测试用例?
前端·后端·ai编程
你真的可爱呀11 分钟前
uniapp学习【整体实践】
前端·学习·uni-app·实践
一枚前端小能手18 分钟前
「周更第7期」实用JS库推荐:Vite
前端·javascript·vite
小中123435 分钟前
异步请求的性能提升
前端
我是天龙_绍36 分钟前
渐变层生成器——直接用鼠标拖拽就可以调整渐变层的各种参数,然后可以导出为svg格式
前端
我是天龙_绍1 小时前
Easing 曲线 easings.net
前端
知识分享小能手1 小时前
微信小程序入门学习教程,从入门到精通,电影之家小程序项目知识点详解 (17)
前端·javascript·学习·微信小程序·小程序·前端框架·vue
訾博ZiBo1 小时前
React组件复用导致的闪烁问题及通用解决方案
前端
Dever1 小时前
记一次 CORS 深水坑:开启 withCredentials 后Response headers 只剩 content-type
前端·javascript