在JavaScript中2个日期之间的差异?

Get difference between 2 dates in JavaScript?

本问题已经有最佳答案,请猛点这里访问。

如何获得完整日期中2个日期之间的差异(我不想要一天中的任何一小部分)

1
2
3
4
var date1 = new Date('7/11/2010');
var date2 = new Date('12/12/2010');
var diffDays = date2.getDate() - date1.getDate();
alert(diffDays)

我尝试了以上但是这没用。


这是一种方式:

1
2
3
4
5
const date1 = new Date('7/13/2010');
const date2 = new Date('12/15/2010');
const diffTime = Math.abs(date2.getTime() - date1.getTime());
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
console.log(diffDays);

请注意,我们需要将日期括在引号中。其余代码以毫秒为单位获取时间差,然后除以得到天数。日期需要mm / dd / yyyy格式。


更正确的解决方案

...因为日期自然具有时区信息,可以跨越具有不同日光节约调整的区域

此问题的先前答案不考虑有问题的两个日期跨越夏令时(DST)更改的情况。 DST更改发生的日期将以毫秒为单位,!= 1000*60*60*24,因此典型计算将失败。

您可以通过首先将两个日期标准化为UTC,然后计算这两个UTC日期之间的差异来解决此问题。

现在,解决方案可以写成,

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
const _MS_PER_DAY = 1000 * 60 * 60 * 24;

// a and b are javascript Date objects
function dateDiffInDays(a, b) {
  // Discard the time and time-zone information.
  const utc1 = Date.UTC(a.getFullYear(), a.getMonth(), a.getDate());
  const utc2 = Date.UTC(b.getFullYear(), b.getMonth(), b.getDate());

  return Math.floor((utc2 - utc1) / _MS_PER_DAY);
}

// test it
const a = new Date("2017-01-01"),
    b = new Date("2017-07-25"),
    difference = dateDiffInDays(a, b);

这是因为UTC时间从不观察夏令时。请参阅UTC是否遵守夏令时?

附:在讨论了关于这个答案的一些评论之后,一旦你理解了跨越DST边界的javascript日期的问题,可能不仅仅有一种方法可以解决它。我上面提供的是一个简单(和测试)的解决方案。我有兴趣知道是否有一个简单的算术/数学解决方案,而不必实例化两个新的Date对象。这可能会更快。


这是一个使用moment.js的解决方案:

1
2
3
4
var a = moment('7/11/2010','M/D/YYYY');
var b = moment('12/12/2010','M/D/YYYY');
var diffDays = b.diff(a, 'days');
alert(diffDays);

我使用了您的原始输入值,但您没有指定格式,所以我假设第一个值是7月11日。如果打算在11月7日,则将格式调整为D/M/YYYY


1
2
3
4
5
var date1 = new Date("7/11/2010");
var date2 = new Date("8/11/2010");
var diffDays = parseInt((date2 - date1) / (1000 * 60 * 60 * 24));

alert(diffDays )


我尝试了很多方法,发现使用datepicker是最好的,但日期格式会导致JavaScript出现问题....

所以这是我的答案,可以开箱即用。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<input type="text" id="startdate">
<input type="text" id="enddate">
<input type="text" id="days">

<script src="https://code.jquery.com/jquery-1.8.3.js">
<script src="https://code.jquery.com/ui/1.10.0/jquery-ui.js">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/redmond/jquery-ui.css" />

$(document).ready(function() {

$("#startdate,#enddate" ).datepicker({
changeMonth: true,
changeYear: true,
firstDay: 1,
dateFormat: 'dd/mm/yy',
})

$("#startdate" ).datepicker({ dateFormat: 'dd-mm-yy' });
$("#enddate" ).datepicker({ dateFormat: 'dd-mm-yy' });

$('#enddate').change(function() {
var start = $('#startdate').datepicker('getDate');
var end   = $('#enddate').datepicker('getDate');

if (start<end) {
var days   = (end - start)/1000/60/60/24;
$('#days').val(days);
}
else {
alert ("You cant come back before you have been!");
$('#startdate').val("");
$('#enddate').val("");
$('#days').val("");
}
}); //end change function
}); //end ready

在这里可以看到小提琴演示


这是从另一个日期中减去一个日期的代码。此示例将日期转换为对象,因为getTime()函数将不起作用,除非它是Date对象。

1
2
3
4
5
6
7
8
9
10
    var dat1 = document.getElementById('inputDate').value;
                var date1 = new Date(dat1)//converts string to date object
                alert(date1);
                var dat2 = document.getElementById('inputFinishDate').value;
                var date2 = new Date(dat2)
                alert(date2);

                var oneDay = 24 * 60 * 60 * 1000; // hours*minutes*seconds*milliseconds
                var diffDays = Math.abs((date1.getTime() - date2.getTime()) / (oneDay));
                alert(diffDays);