Comparison between dates in JavaScript

Question

I have two date fields which are represented in a text field, code is shown below.

  $(function()
{
$( "#Start_Date" ).datepicker({ dateFormat: 'dd-M-yy',
   showOn: "button",
   buttonImage: "../I/dateimg.png",

   buttonImageOnly: true,
   firstDay:1,
   minDate: -0,
   beforeShowDay: checkDisabled,
   changeMonth: true,
   changeYear: true,
   beforeShow: function(input, inst)
   {  inst.dpDiv.css({marginTop: -input.offsetHeight + 'px', marginLeft: input.offsetWidth-210 + 'px'});   }});


$( "#End_Date" ).datepicker({ dateFormat: 'dd-M-yy',
   showOn: "button",
   buttonImage: "../I/dateimg.png",

   buttonImageOnly: true,
   firstDay:1,
   minDate: -0,
   beforeShowDay: checkDisabled,
   changeMonth: true,
   changeYear: true,
   beforeShow: function(input, inst)
   {  inst.dpDiv.css({marginTop: -input.offsetHeight + 'px', marginLeft: input.offsetWidth-210 + 'px'});   }});
   });

I also have a function used to compare the dates and return true whenever the start date is lesser than the end date. The function is shown below.

   function CompairLeaveDate()
{   
var BlockStartDate = $('#Start_Date').val();
var ExplodeStartDate=BlockStartDate.split('-');
var dt1   = ExplodeStartDate[0];
var mon1  = ExplodeStartDate[1];
var yr1   = ExplodeStartDate[2];

var totalLength=js_MonthArray.length;
var i=0;

var BlockEndDate = $('#End_Date').val();
var ExplodeEndDate=BlockEndDate.split('-');
var dt2   = ExplodeEndDate[0];
var mon2  = ExplodeEndDate[1];
var yr2  = ExplodeEndDate[2];
var y=document.getElementById("End_Date");

if(dt2 < dt1)
{  
    document.getElementById('End_Date').focus();
    y.style.border = '1px solid #ff6000';
    document.getElementById("div_End_DateError").innerHTML=getErrorMsg(1100986);
    document.getElementById("div_End_DateError").style.display = "";
    return false;
}
else
{
    y.style.border = '';
    document.getElementById("div_End_DateError").innerHTML ='';
    document.getElementById("div_End_DateError").style.display = "none";    
    return true;
}
return true;    
}

But i am not getting any output errors .Any help appreciated.

This is JavaScript, not PHP. – Gerald Schneider Sep 30 '14 at 06:54 — Gerald Schneider, Sep 30 '14 at 06:54

score 0 · Answer 1 · edited Oct 29 '14 at 12:36

$(function() {
     var pickerOpts = {
           dateFormat: 'dd-M-yy',
           showOn: "button",
           buttonImage: "../I/dateimg.png",

           buttonImageOnly: true,
           firstDay:1,
           minDate: -0,
           beforeShowDay: checkDisabled,
           changeMonth: true,
           changeYear: true,
          onSelect: function(selected) {
          $("#End_Date").datepicker("option","minDate", selected)
        }
        }; 
$( "#Start_Date" ).datepicker(pickerOpts);
});



 $(function() {
         var pickerOpts = {
                dateFormat: 'dd-M-yy',
               showOn: "button",
               buttonImage: "../I/dateimg.png",

               buttonImageOnly: true,
               firstDay:1,
               minDate: -0,
               beforeShowDay: checkDisabled,
               changeMonth: true,
               changeYear: true,
             onSelect: function(selected) {
             $("#Start_Date").datepicker("option","maxDate", selected)
            }
            }; 
    $( "#End_Date" ).datepicker(pickerOpts);
    });

Comparison between dates in JavaScript

1 Answers1