Home > JavaScript > Javascript validation : Date Comparision not working

Javascript validation : Date Comparision not working

In most of the web application , Javascript is one of the must neededscripting language. There are some problem happens when you will writelogical code in javascript like if condition, for loop etc.

In some case when you are working around dates you need to compare two dates. What you are doing is take value of date using Element id orElement name using getElementById or getElementsByName. and than compare it using ‘>’ or ‘<‘ operator. At the end you will not get result ofcomparison as expected. Look at the below code which is almost similar to what you had written.

var date1 = document.getElementById(‘date1’).value;
var date2 = document.getElementById(‘date2’).value;
if(date1>date2)
{
alert(“date1 is greater than date2!”);
}

Its because you are comparing two strings not two dates. You have to say javascript that you want to compare two dates. What you are missing is convert the value of elements in to Date object. Look at below code to convert string in to date object.Now if you will compare two values than it will compare two dates and gives correct result.

var date1 new Date(document.getElementById(‘date1’).value);
var date2 new Date(document.getElementById(‘date2’).value);
if(date1>date2)
{
alert(“date1 is greater than date2!”);
}
Advertisements
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: