How to validate end date greater than start date

Question

0.00/5 (No votes)

See more:

Javascript

DateTime

validation

, +

Hi Friends,

I want to apply validation to start date and end date. I tried following code,

JavaScript

$("#EndDate").change(function () {
    var startDate = document.getElementById("StartDate").value;
    var endDate = document.getElementById("EndDate").value;

    if ((Date.parse(startDate) <= Date.parse(endDate))) {
        alert("End date should be greater than Start date");
        document.getElementById("EndDate").value = "";
    }
});

sometimes it shows correct message but sometimes it shows wrong message
e.g. startdate : 12/02/2014 and Enddate : 13/03/2014 it shows wrong message
I have also used Date.js file for Date.parse()

Please provide me a solution.
Thanks.

Posted 27-Jan-14 18:01pm

Hemraj Borkhade

Updated 27-Jan-14 20:10pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

v3

Add a Solution

2 solutions

Solution 1

C#

$("#EndDate").change(function () {
    var startDate = document.getElementById("StartDate").value;
    var endDate = document.getElementById("EndDate").value;

    if ((Date.parse(startDate) >= Date.parse(endDate))) {
        alert("End date should be greater than Start date");
        document.getElementById("EndDate").value = "";
    }
});

you are checking like start date <= end date this condition is true in your example like start date 12/02/2014 and end date 13/03/2014, so its showing wrong message.

if you need to check that, start date is not greater than end date, then you need to check like this.. start date>= end date

Posted 27-Jan-14 18:27pm

Tejas Vaishnav

Comments

Hemraj Borkhade 28-Jan-14 0:30am

I have tried that condition also but still the same message

Tejas Vaishnav 28-Jan-14 1:07am

have you checked out what you have got in start-date and end-date variables?

chethan1003 4-Dec-17 8:04am

if i use datepicker its showing datepicker is not a function

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Accepted Answer · 2014-01-27T19:14:00

Problems

Condition is wrong.
Instead of...

JavaScript

Date.parse(startDate) <= Date.parse(endDate)

you should do...

JavaScript

Date.parse(endDate) <= Date.parse(startDate)

Date.parse() always parses to MM/DD/YYYY, but you are trying to compare DD/MM/YYYY.
So, after parsing, 12/02/2014 becomes 2 December 2014 and 13/03/2014 becomes 3 January 2015.
So, it shows the alert as startDate <= endDate.

Solution

Correct the condition to endDate <= startDate.
Always use DatePicker for Dates, don't use direct TextBox.
See how it is working at Demo - [Demo] Date Comparision in JavaScript[^].
If you want to format to DD/MM/YYYY, then refer the answer - Date Comparison Using Javascript[^].

How to validate end date greater than start date

2 solutions

Solution 3

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us