From Date & To Date Validation in javascript

kirankumarn · #1 July 3rd, 2009, 10:49 AM

I want to validate for From Date & To Date (ie., From Date should not be greater than To Date & also From Date & To Date should not be greater than current date) & Dates are in us format

acoder · #2 July 3rd, 2009, 10:56 AM

Show your code. An easy way to compare is to get two Date objects and compare them:

Expand|Select|Wrap|Line Numbers

 if (fromDate > toDate) {

    alert("Error! ...");

    // whatever you want to do here

}

So get your date inputs into a Date object - see this link for more details.

kirankumarn · #3 July 3rd, 2009, 12:09 PM

Thanks for the suggestion acoder it really helped me a lot

acoder · #4 July 3rd, 2009, 12:23 PM

No problem. Perhaps you could post your working code for the benefit of others.

kirankumarn · #5 July 3rd, 2009, 12:39 PM

This is the code which i developed & the date will be in us date

Expand|Select|Wrap|Line Numbers

 var objFromDate = document.getElementById("fromdate").value;

var objToDate = document.getElementById("todate").value;
 
var date1 = new Date(objFromDate);

var date2 = new Date(objToDate);
 
var date3 = new Date();

var date4 = date3.getMonth() + "/" + date3.getDay() + "/" + date3.getYear();

var currentDate = new Date(date4);
 
    if(date1 > date2)

    {

        alert("fromdate should be less than todate");

        return false; 

    }

    else if(date1 > currentDate)

    {

        alert("From Date should be less than current date");

        return false; 

    }

               else if(date2 > currentDate) 

               {

                   alert("To Date should be less than current date");

        return false; 

                }

kirankumarn · #6 July 3rd, 2009, 02:16 PM

How can i edit the above code b'coz there is a little issue in current date. I want to add the new code which works perfectly for my requirement

kirankumarn · #7 July 3rd, 2009, 02:21 PM

This is the code for date comparison

Expand|Select|Wrap|Line Numbers

 var objFromDate = document.getElementById("fromdate").value; 

var objToDate = document.getElementById("todate").value;
 
var FromDate = new Date(objFromDate);

    var ToDate = new Date(objToDate);

    var valCurDate = new Date();

    valCurDate = valCurDate.getMonth()+1 + "/" + valCurDate.getDate() + "/" + valCurDate.getYear();

    var CurDate = new Date(valCurDate);
 
    if(FromDate > ToDate)

    {

        alert(fromname + " should be less than " + toname);

        return false; 

    }

    else if(FromDate > CurDate)

    {

        alert("From date should be less than current date");

        return false; 

    }

    else if(ToDate > CurDate)

    {

        alert("To date should be less than current date");

        return false;

    }

acoder · #8 July 3rd, 2009, 03:00 PM

Two things I should point out:
1. There's no need to create two objects for the current date. When you create a new Date object, it's automatically set to today's date:

Expand|Select|Wrap|Line Numbers

var today = new Date();

2. You should validate the actual string for the "from" and "to" dates that they are valid dates, e.g. with regular expressions.

PS. please use code tags around your code: [code]like this[/code] It makes it a lot easier to read.

kirankumarn · #9 July 3rd, 2009, 03:36 PM

Thanks acoder for your feedback

From Date & To Date Validation in javascript

re: From Date & To Date Validation in javascript

re: From Date & To Date Validation in javascript

re: From Date & To Date Validation in javascript

re: From Date & To Date Validation in javascript

re: From Date & To Date Validation in javascript

re: From Date & To Date Validation in javascript

re: From Date & To Date Validation in javascript

re: From Date & To Date Validation in javascript

/bytes/development

/bytes/it

/bytes/about