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

相关推荐
tsumikistep2 小时前
【前端】Vue + Axios 跨域问题实战:7070 代理转发 8080 + 401 报错分析(黑马外卖)
前端·javascript·vue.js
lichenyang4532 小时前
鸿蒙首页从等高商品 Grid 到双列瀑布流:同一张图也能做出小红书式浏览节奏
前端
里欧跑得慢2 小时前
Flutter主题与样式详解
前端·css·flutter·web
计算机魔术师2 小时前
TPU推理性价比翻50%,NVIDIA的护城河要见底了?
前端
IT_陈寒2 小时前
Python的多线程就是个假把式,我算是体验到了
前端·人工智能·后端
OpenTiny社区3 小时前
【直播分享】GenUI SDK 技术公开课第二讲 | GenuiChat 核心配置深度解析
前端·github
计算机魔术师3 小时前
kernel.org 每天 600 万次请求,98% 不是人点的
前端
今日无bug3 小时前
从0到1手撕流式输出:Vue3 + Vite 实现 LLM 流式响应全解析
前端·vue.js·vite
光影少年3 小时前
react navite跨端项目的痛点、踩过哪些坑、怎么解决
前端·react native·react.js
默_笙4 小时前
🧀 用户访问一个网站到底经历了什么?全栈部署的"城市观光"指南
前端·javascript