Interval calculation of 2 dates

Question

Personal as I separate dates and calculate the interval of 2 dates and in the daterangepicker? Ex: I put the default selector

$('input[name="daterange"]').daterangepicker();

I select the date range between them and the start is kept in the dtInitial input the end of the date goes to dtFim and appears the number of days chosen in a qty input?

Answer 1

I could do better with your code if you put it in the question as well. If it is this daterangepicker that you’re using can do so to calculate the days of difference:

const milis_day = 1000 * 60 * 60 * 24;

$(function() {
    $('input[name="daterange"]').daterangepicker();
});
$('input[name="daterange"]').on('apply.daterangepicker', function(ev, picker) {
  var pick1 = new Date(picker.startDate.format('YYYY-MM-DD')); // primeira data
  var pick2 = new Date(picker.endDate.format('YYYY-MM-DD')); // segunda data
  var utc1 = Date.UTC(pick1.getFullYear(), pick1.getMonth(), pick1.getDate());
  var utc2 = Date.UTC(pick2.getFullYear(), pick2.getMonth(), pick2.getDate());
  
  var diff = Math.floor((utc2 - utc1) / milis_day)
  $('#qtdDias').val(diff);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />
 
<!-- Include Date Range Picker -->
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />



<input type="text" name="daterange" value="" />
<br><br>Dias de diferença: <br>
<input id="qtdDias" readonly disabled>