计算持续时间并在daterangepicker日历中显示

Question

我正在尝试计算日历上选定日期之间的持续时间，计算正常，但是当我单击应用按钮而不是选择结束日期时。

我使用的日历来自：qazxsw poi

http://www.daterangepicker.com

我按下应用按钮时计算持续时间，但我希望在选择结束日期时进行计算。请查看附带的截图：

$(function() {
  $('input[name="daterange"]').daterangepicker({
    opens: 'left',
  }, function(start, end, label) {
     document.getElementById('departure_date').value = start.format('YYYY-MM-DD');
     document.getElementById('return_date').value = end.format('YYYY-MM-DD');

//Calculation of Duration:
var date1 = new Date(start.format('YYYY-MM-DD'));
var date2 = new Date(end.format('YYYY-MM-DD'));
var timeDiff = Math.abs(date2.getTime() - date1.getTime());
var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24) + 1); 
$('.duration_days').html(diffDays+' Days');
    //console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
  });
});

Screen Shot

Answer 1

正如Shree Tiwari在评论中解释的那样，您可以使用apply.daterangepicker事件。

apply.daterangepicker：单击“应用”按钮时，或单击预定义范围时触发

所以你的最终js代码是这样的：

Screen Shot 2