Compare two dates in VueJs

Question

I am trying to compare two dates in a VueJs application. I need to show whether the selected date is higher / not than today's date.

I applied separate functionalities to get today's date and the selected date. Both return the date in dd-mm-yyyy format.

When I compare those two dates using,

if (dateEntered < currentDate) {

    }

it is not working. How do I compare the two dates?

I found this with a google search: stackoverflow.com/questions/492994/… — ravi kumar
– ravi kumar, Commented Nov 22, 2019 at 10:54
Does this answer your question? Compare two dates with JavaScript — Rebai Ahmed
– Rebai Ahmed, Commented Nov 22, 2019 at 11:04

muya.dev · Accepted Answer · 2019-11-22 11:09:55Z

2

In this case, moment come in handy. Like below

var date1 = moment(dateEntered).format("dd-mm-yyyy")
var date2 = moment(currentDate).format("dd-mm-yyyy")
if(date1 >  date2){
    //Do your thing
} else {

}

You need to install moment and import it import moment from "moment"

answered Nov 22, 2019 at 11:09

muya.dev

9751 gold badge13 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ali6p Over a year ago

The right format should be uppercase: "DD-MM-YYYY"

Pierre_T · Accepted Answer · 2019-11-22 13:33:43Z

1

Just to elaborate on previous answer, if you're using a date library (moment or date-fns for example), you can use their utility function :

moment('2010-10-20').isBefore('2010-10-21'); // true

answered Nov 22, 2019 at 13:33

Pierre_T

1,3321 gold badge15 silver badges29 bronze badges

Comments

Abdullah Zafar · Accepted Answer · 2023-01-13 10:19:43Z

1

If anyone using the dayjs than you can use this function. It will return true or false. https://day.js.org/docs/en/plugin/is-same-or-before

export function isSameBefore(fromDate, toDate) {
  return dayjs(fromDate).isSameOrBefore(toDate)
}

edited Jan 13, 2023 at 10:19

answered Jan 12, 2023 at 8:48

Abdullah Zafar

18710 bronze badges

Collectives™ on Stack Overflow

Compare two dates in VueJs

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related