Comparing Datepicker Dates Javascript

I'm trying to compare two datepicker dates and see if they are more than 7 days apart. How would I do this? I would normally just see if their difference is greater than 7, but t

Solution 1:

Use $("#datepicker_xxx").datepicker("getDate") to get the picked date as a Date. Then it's just a matter of

end - begin > 7 * 86400 * 1000

Solution 2:

Try this, DatePicker has a handy formatDate function which i've used to compare mm/dd/yy dates:

$.datepicker.formatDate("dd/mm/yy",newDate("09/01/2014")) < $.datepicker.formatDate("dd/mm/yy", newDate("10/01/2014")); // Returns true
$.datepicker.formatDate("dd/mm/yy",newDate("10/01/2014")) < $.datepicker.formatDate("dd/mm/yy", newDate("10/01/2014")); // Returns false
$.datepicker.formatDate("dd/mm/yy",newDate("11/01/2014")) < $.datepicker.formatDate("dd/mm/yy", newDate("10/01/2014")); // Returns false

Solution 3:

// Check the date range, 86400000 is the number of milliseconds in one day

var difference = (datepickerEnd- datepickerBegin ) / (86400000 * 7);
if (difference < 0) {
  alert("The start date must come before the end date.");
  returnfalse;
}

if (difference <= 1) {
  alert("The range must be at least seven days apart.");
  returnfalse;
}

returntrue;

Solution 4:

Try this:

var datepickerBegin = $("#datepicker_start").val(); // lets, returning in mm/dd/yy formatvar datepickerEnd = $("#datepicker_to").val(); // lets, returning in mm/dd/yy formatif ( ($.datepicker.parseDate('mm/dd/yy', datepickerBegin) -  $.datepicker.parseDate('mm/dd/yy', datepickerEnd)) > 7) {
alert('more than a week apart!') ;
}

Hope it should work. Thanks. For more check it out.

Solution 5:

$(document).ready(function(){
    $("#txtFromDate").datepicker({
        minDate: 0,
        maxDate: "+60D",
        numberOfMonths: 2,
        onSelect: function(selected) {
          $("#txtToDate").datepicker("option","minDate", selected)
        }
    });
    $("#txtToDate").datepicker({ 
        minDate: 0,
        maxDate:"+60D",
        numberOfMonths: 2,
        onSelect: function(selected) {
           $("#txtFromDate").datepicker("option","maxDate", selected)
        }
    });  
});

From: <input type="text" id="txtFromDate" />

To: <input type="text" id="txtToDate" />