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: https://stackoverflow.com/questions/492994/compare-two-dates-with-javascript — ravi kumar, Nov 22 '19 at 10:54
Does this answer your question? [Compare two dates with JavaScript](https://stackoverflow.com/questions/492994/compare-two-dates-with-javascript) — Rebai Ahmed, Nov 22 '19 at 11:04

score 3 · Accepted Answer · answered Nov 22 '19 at 11:09

3

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 '19 at 11:09

muya.dev

966
1
13
34

The right format should be uppercase: "DD-MM-YYYY" – ali6p Mar 04 '21 at 11:56

score 2 · Answer 2 · answered Nov 22 '19 at 13:33

2

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 '19 at 13:33

Pierre_T

1,094
12
29

Abdullah Zafar · Answer 3 · 2023-01-13T10:19:43.797

0

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 '23 at 10:19

answered Jan 12 '23 at 08:48

Abdullah Zafar

171
8

Compare two dates in VueJs

3 Answers3