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

Question

我只想显示两个 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());
    });

谁能帮帮我吗？

Answer 1

您可以使用日期选择器的 onSelect event ，当 datapicker 上的日期发生更改时触发。

我还发现您有一个拼写错误，请替换 var d2 = $('Date2').datepicker('getDate');

with 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);
      } 
});