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 分钟前
Vue Router中的路由嵌套:主子路由
前端·javascript·vue.js
_龙小鱼_18 分钟前
Kotlin 作用域函数(let、run、with、apply、also)对比
java·前端·kotlin
霸王蟹22 分钟前
React 19中如何向Vue那样自定义状态和方法暴露给父组件。
前端·javascript·学习·react.js·typescript
小野猫子32 分钟前
Web GIS可视化地图框架Leaflet、OpenLayers、Mapbox、Cesium、ArcGis for JavaScript
前端·webgl·可视化3d地图
shenyan~42 分钟前
关于 js:9. Node.js 后端相关
前端·javascript·node.js
uwvwko1 小时前
ctfshow——web入门254~258
android·前端·web·ctf·反序列化
所待.3831 小时前
深入解析SpringMVC:从入门到精通
前端·spring·mvc
逃逸线LOF2 小时前
CSS之精灵图(雪碧图)Sprites、字体图标
前端·css
海天胜景3 小时前
jqGrid冻结列错行问题,将冻结表格(悬浮表格)与 正常表格进行高度同步
前端
清风细雨_林木木3 小时前
解决 Tailwind CSS 代码冗余问题
前端·css