如何使用 jQuery 获得两个日期之间的差异？

在本文中，我们将学习如何使用 jQuery 查找两个日期之间的天数差异。在这里，我们将使用 jquery datepicker 获取日期的输入。

考虑到下面给出的 2 个输入日期，我们需要计算它们之间的差异，这将在几天内返回。

Input : 02/17/2022
        02/10/2022
Output: 7

为此，我们将在代码中使用一些函数，例如 getTime() 方法、Date()。我们将依次讨论这两种方法。

getTime()：返回自 1970 年 1 月 1 日 00:00:00 以来的毫秒数。此方法不接受任何参数。

句法：

Date.getTime();

Date()： Date 对象是使用 new Date() 构造函数创建的。传递给 Date() 的所有参数都是可选的。

句法：

new Date(year, month, day, hours, minutes, seconds, milliseconds)

jQuery 日期选择器： jQuery UI 的日期选择器用于提供日历供用户从日历中选择日期。

句法：

$( selector ).datepicker();

方法：

• 使用datepicker将两个日期作为输入。
• 现在，使用Date()方法将它们转换为日期类型。
• 通过在两个日期上使用getTime() ，我们将获得自 1970 年 1 月 1 日 00:00:00 以来的毫秒数。
• 计算两个日期的毫秒数之间的绝对差。
• 使用以下公式将毫秒转换为天

days = milliseconds / (1000 * 36000 * 24)

示例：此示例说明了使用 jQuery 获取 2 个日期之间的差异。

HTML

 

    
    Difference between dates in days
    
    
    
    
    
    
        $(function() {
            $("#date1").datepicker();
            var date1 = $("#date1")
        });
        $(function() {
            $("#date2").datepicker();
            var date2 = $("#date2")
        });
     
        function func() {
            date1 = new Date(date1.value);
            date2 = new Date(date2.value);
            var milli_secs = date1.getTime() - date2.getTime();
             
            // Convert the milli seconds to Days 
            var days = milli_secs / (1000 * 3600 * 24);
            document.getElementById("ans").innerHTML =
            Math.round(Math.abs(days));
        }
    

 

    GeeksforGeeks
    Calculating the difference between the 2 dates
     
Enter Date 1 :
        
    
 
 
     
Enter Date 2 :
        
    
 
 
     Submit
    
    Difference in days

输出：

jQuery 日期计算器