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个月。

相关推荐
旧识君3 分钟前
移动端1px终极解决方案:Sass混合宏工程化实践
开发语言·前端·javascript·前端框架·less·sass·scss
吃没吃34 分钟前
vue2.6-源码学习-Vue 核心入口文件分析
前端
Carlos_sam35 分钟前
Openlayers:海量图形渲染之图片渲染
前端·javascript
XH27636 分钟前
Android Retrofit用法详解
前端
鸭梨大大大38 分钟前
Spring Web MVC入门
前端·spring·mvc
吃没吃40 分钟前
vue2.6-源码学习-Vue 初始化流程分析 (src/core/instance/init.js)
前端
XH27642 分钟前
Android Room用法详解
前端
木木黄木木1 小时前
css炫酷的3D水波纹文字效果实现详解
前端·css·3d
郁大锤2 小时前
Flask与 FastAPI 对比:哪个更适合你的 Web 开发?
前端·flask·fastapi
HelloRevit3 小时前
React DndKit 实现类似slack 类别、频道拖动调整位置功能
前端·javascript·react.js