如何在单击第二个日期选择器时获取两个日期选择器之间的日期差异？答案

【问题标题】：How to get the date difference between two date pickers on clicking the second date picker?如何在单击第二个日期选择器时获取两个日期选择器之间的日期差异？
【发布时间】：2019-12-15 10:27:35
【问题描述】：

我只想显示两个 jquery 日期选择器之间的日期差异。单击第二个日期选择器时应显示差异。以下是我的代码。

<input type ="text" id="Date">
<input type ="text" id="Date2">

$(function () {

        var select=function(dateStr) {
              var d1 = $('#Date').datepicker('getDate');
              var d2 = $('Date2').datepicker('getDate');
              var diff = 0;
              if (d1 && d2) {
                    diff = Math.floor((d2.getTime() - d1.getTime()) / 86400000); // ms per day
              }
              alert(diff);
        }
        $("#Date").datepicker({
               autoclose: true,
               todayHighlight: true,
               onSelect: select
        }).datepicker('update', new Date());
        $("#Date2").datepicker({
               autoclose: true,
               todayHighlight: true,
               onSelect: select
        }).datepicker('update', new Date());
    });

谁能帮帮我？

【问题讨论】：

标签： javascript jquery datepicker

【解决方案1】：

您可以使用 datepicker 的 onSelect event ，它会在 datapicker 上更改日期时触发。

我也看到你有错字，，替换var d2 = $('Date2').datepicker('getDate');

var d2 = $('#Date2').datepicker('getDate');

类似这样的：

$("#Date2").datepicker({ 
      onSelect: function(value, date) { 
          var d1 = $('#Date').datepicker('getDate');
          var d2 = $('#Date2').datepicker('getDate');
          var diff = 0;
          if (d1 && d2) {
                diff = Math.floor((d2.getTime() - d1.getTime()) / 86400000); // ms per day
          }
          alert(diff);
      } 
});

【讨论】：

【解决方案2】：

我认为下面的代码会起作用

$("#Date2").bind('change keyup', function() {
            var date1 = $('#Date').datepicker('getDate');
            var date2 = $(this).datepicker('getDate');
            var dayDiff = Math.ceil((date2 - date1) / (1000 * 60 * 60 * 24));
            alert(dayDiff);
        });

【讨论】：