Date comparison validation in angular

Question

I have 2 dates: 1.start and 2.end format is like this.

12/4/2017               console.log(startDate);
12/20/2017              console.log(endDate);

I am writing a validation to check if the end date is bigger than start date throw error,but it is not working. this is what i have tried:

var startDate = new Date(this.formB['startDateVal']).toLocaleDateString();
var endDate=new Date(this.formB['dueDateVal']).toLocaleDateString();

this is my condition:

if(endDate<startDate){
      this.bucketMsgClass='fielderror';
      this.bucketSuccessMsg = 'End Date is must lower than Start Date.';
 }

where am i doing wrong.?

You're comparing strings, instead of comparing dates. strings compare lexicographically, not chronologically. — JB Nizet, Dec 08 '17 at 07:19
It would help a lot if you told us what went wrong. Are we supposed to guess, and then help you? — Mawg says reinstate Monica, Dec 08 '17 at 07:21

score 1 · Answer 1 · answered Dec 08 '17 at 08:07

1

Going through this link that explains comparing dates in javascript would probably help you understand the problem and solve it.

answered Dec 08 '17 at 08:07

code.rookie

score 1 · Accepted Answer · answered Dec 08 '17 at 08:33

I've always just subtracted one of the dates from the other. If the result is negative, then Date 1 is before Date 2.

var d1 = new Date("12/12/2017");
var d2 = new Date("12/13/2017");

console.log(d1 - d2) // -86400000 (exactly 1 day in milliseconds)

So

if (d1 - d2 < 0) {
    // d1 is smaller
}

2 Answers2