Comparing date part only without comparing time in JavaScript

Question

What is wrong with the code below   Maybe it would be simpler to just compare date and not time  I am not sure how to do this either  and I searched  but I couldn t find my exact problem   BTW  when I display the two dates in an alert  they show as exactly the same   My code   window addEvent  domready   function         var now   new Date        var input      datum   getValue        var dateArray   input split           var userMonth   parseInt dateArray 1  -1      var userDate   new Date        userDate setFullYear dateArray 2   userMonth  dateArray 0   now getHours    now getMinutes    now getSeconds    now getMilliseconds          if  userDate  gt  now                alert now     n    userDate               Is there a simpler way to compare dates and not including the time

User · Answer

Simply compare using  toDateString like below   new Date   toDateString      This will return you date part only and not time or timezone  like this       Fri Feb 03 2017    Hence both date can be compared in this format likewise without time part of it

User · Answer

I m still learning JavaScript  and the only way that I ve found which works for me to compare two dates without the time is to use the setHours method of the Date object and set the hours  minutes  seconds and milliseconds to zero  Then compare the two dates   For example   date1   new Date   date2   new Date 2011 8 20    date2 will be set with hours  minutes  seconds and milliseconds to zero  but date1 will have them set to the time that date1 was created  To get rid of the hours  minutes  seconds and milliseconds on date1 do the following   date1 setHours 0 0 0 0    Now you can compare the two dates as DATES only without worrying about time elements

User · Answer

I know this question have been already answered and this may not be the best way  but in my scenario its working perfectly  so I thought it may help someone like me     if you have date string as   String dateString  2018-01-01T18 19 12 543     and you just want to compare the date part with another Date object in JS   var anotherDate new Date      some date   then you have to convert the string to Date object by using new Date  2018-01-01T18 19 12 543     and here is the trick  -  var valueDate  new Date new Date dateString  toDateString                  return valueDate valueOf      anotherDate valueOf      here is the final result   I have used toDateString   of Date object of JS  which returns the Date string only    Note  Don t forget to use the  valueOf   function while comparing the dates   more info about  valeOf   is here reference   Happy codding

User · Answer

This JS will change the content after the set date  here s the same thing but on w3schools   x000D   x000D  date1   new Date   x000D  date2   new Date 2019 5 2    the date you are comparing x000D   x000D  date1 setHours 0 0 0 0  x000D   x000D  var stockcnt   document getElementById  demo   innerHTML  x000D  if  date1  gt  date2   x000D  document getElementById  demo   innerHTML  yes     change if date is  gt  set date  date2  x000D   else  x000D  document getElementById  demo   innerHTML  hello     change if date is  lt  set date  date2  x000D    x000D   lt p id  demo  gt hello lt  p gt   lt  --What will be changed-- gt  x000D   lt  --if you check back in tomorrow  it will say yes instead of hello    or you could change the date    or change  gt  to  lt -- gt  x000D   x000D   x000D

User · Answer

If you are truly comparing date only with no time component  another solution that may feel wrong but works and avoids all Date   time and timezone headaches is to compare the ISO string date directly using string comparison    gt   2019-04-22   lt    2019-04-23  true  gt   2019-04-22   lt    2019-04-22  true  gt   2019-04-22   lt    2019-04-21  false  gt   2019-04-22       2019-04-22  true   You can get the current date  UTC date  not neccesarily the user s local date  using    gt  new Date   toISOString   split  T   0   2019-04-22    My argument in favor of it is programmer simplicity -- you re much less likely to botch this than trying to handle datetimes and offsets correctly  probably at the cost of speed  I haven t compared performance

User · Answer

You can use some arithmetic with the total of ms    var date   new Date date1   date setHours 0  0  0  0    var diff   date2 getTime   - date getTime    return diff  gt   0  amp  amp  diff  lt  86400000    I like this because no updates to the original dates are made and perfom faster than string split and compare   Hope this help

User · Answer

This works for me    export default  chosenDate    gt      const now   new Date      const today   new Date Date UTC now getUTCFullYear    now getUTCMonth    now getUTCDate        const splitChosenDate   chosenDate split          today setHours 0  0  0  0     const fromDate   today getTime      const toDate   new Date splitChosenDate 2   splitChosenDate 1  - 1  splitChosenDate 0   getTime       return toDate  lt  fromDate       In accepted answer  there is timezone issue and in the other time is not 00 00 00

User · Answer

You can use fp incr 0   Which sets the timezone part to midnight and returns a date object

User · Answer

var fromdate   new Date MM DD YYYY   var todate   new Date MM DD YYYY   if  fromdate  gt  todate       console log  False     else      console log  True        if your date formate is different then use moment js library to convert the format of your date and then use above code for compare two date  Example    If your Date is in  DD MM YYYY  and wants to convert it into  MM DD YYYY  then see the below code example  var newfromdate   new Date moment fromdate   DD MM YYYY   format  MM DD YYYY     console log newfromdate   var newtodate   new Date moment todate   DD MM YYYY   format  MM DD YYYY     console log newtodate

User · Answer

BEWARE THE TIMEZONE Using the date object to represent just-a-date straight away gets you into a huge excess precision problem  You need to manage time and timezone to keep them out  and they can sneak back in at any step  The accepted answer to this question falls into the trap  A javascript date has no notion of timezone  It s a moment in time  ticks since the epoch  with handy  static  functions for translating to and from strings  using by default the  quot local quot  timezone of the device  or  if specified  UTC or another timezone  To represent just-a-date    with a date object  you want your dates to represent UTC midnight at the start of the date in question  This is a common and necessary convention that lets you work with dates regardless of the season or timezone of their creation  So you need to be very vigilant to manage the notion of timezone  both when you create your midnight UTC Date object  and when you serialize it  Lots of folks are confused by the default behaviour of the console  If you spray a date to the console  the output you see will include your timezone  This is just because the console calls toString   on your date  and toString   gives you a local represenation  The underlying date has no timezone   So long as the time matches the timezone offset  you still have a midnight UTC date object  Deserializing  or creating midnight UTC Date objects  This is the rounding step  with the trick that there are two  quot right quot  answers  Most of the time  you will want your date to reflect the local timezone of the user  What s the date here where I am   Users in NZ and US can click at the same time and usually get different dates  In that case  do this       create a date  utc midnight  reflecting the value of myDate and the environment s timezone offset  new Date Date UTC myDate getFullYear   myDate getMonth    myDate getDate       Sometimes  international comparability trumps local accuracy  In that case  do this       the date in London of a moment in time  Device timezone is ignored  new Date Date UTC myDate getUTCFullYear    myDate getUTCMonth    myDate getUTCDate       Deserialize a date Often dates on the wire will be in the format YYYY-MM-DD  To deserialize them  do this    var midnightUTCDate   new Date  dateString    T00 00 00Z     Serializing Having taken care to manage timezone when you create  you now need to be sure to keep timezone out when you convert back to a string representation  So you can safely use     toISOString   getUTCxxx   getTime     returns a number with no time or timezone   toLocaleDateString  quot fr quot   timeZone  quot UTC quot       whatever locale you want  but ALWAYS UTC   And totally avoid everything else  especially     getYear   getMonth   getDate    So to answer your question  7 years too late     lt input type  quot date quot  onchange  quot isInPast event  quot  gt   lt script gt  var isInPast   function event     var userEntered   new Date event target valueAsNumber      valueAsNumber has no time or timezone    var now   new Date      var today   new Date Date UTC now getUTCFullYear    now getUTCMonth    now getUTCDate         if userEntered getTime    lt  today getTime        alert  quot date is past quot      else if userEntered getTime      today getTime        alert  quot date is today quot      else     alert  quot date is future quot        lt  script gt   See it running    Update 2019    free stuff    Given the popularity of this answer  I ve put it all in code  The following function returns a wrapped date object  and only exposes those functions that are safe to use with just-a-date     Call it with a Date object and it will resolve to JustADate reflecting the timezone of the user  Call it with a string  if the string is an ISO 8601 with timezone specified  we ll just round off the time part  If timezone is not specified  we ll convert it to a date reflecting the local timezone  just as for date objects   x000D   x000D  function JustADate initDate     var utcMidnightDateObj   null      if no date supplied  use Now    if  initDate      initDate   new Date          if initDate specifies a timezone offset  or is already UTC  just keep the date part  reflecting the date  in that timezone    if typeof initDate      string   amp  amp  initDate match       -  d 2   d 2  Z   gm           utcMidnightDateObj   new Date  initDate substring 0 10     T00 00 00Z        else          if init date is not already a date object  feed it to the date constructor      if   initDate instanceof Date         initDate   new Date initDate            Vital Step  Strip time part  Create UTC midnight dateObj according to local timezone        utcMidnightDateObj   new Date Date UTC initDate getFullYear   initDate getMonth    initDate getDate             return       toISOString     gt utcMidnightDateObj toISOString        getUTCDate     gt utcMidnightDateObj getUTCDate        getUTCDay     gt utcMidnightDateObj getUTCDay        getUTCFullYear     gt utcMidnightDateObj getUTCFullYear        getUTCMonth     gt utcMidnightDateObj getUTCMonth        setUTCDate  arg   gt utcMidnightDateObj setUTCDate arg       setUTCFullYear  arg   gt utcMidnightDateObj setUTCFullYear arg       setUTCMonth  arg   gt utcMidnightDateObj setUTCMonth arg       addDays  days   gt         utcMidnightDateObj setUTCDate utcMidnightDateObj getUTCDate   days             toString     gt utcMidnightDateObj toString        toLocaleDateString  locale options   gt         options   options              options timeZone    UTC         locale   locale     en-EN         return utcMidnightDateObj toLocaleDateString locale options                   if initDate already has a timezone  we ll just use the date part directly console log JustADate  1963-11-22T12 30 00-06 00   toLocaleDateString    x000D   x000D   x000D

User · Answer

Using Moment js  If you have the option of including a third-party library  it s definitely worth taking a look at Moment js  It makes working with Date and DateTime much  much easier   For example  seeing if one Date comes after another Date but excluding their times  you would do something like this   var date1   new Date 2016 9 20 12 0 0      October 20  2016 12 00 00 var date2   new Date 2016 9 20 12 1 0      October 20  2016 12 01 00     Comparison including time  moment date2  isAfter date1        gt  true     Comparison excluding time  moment date2  isAfter date1   day         gt  false   The second parameter you pass into isAfter is the precision to do the comparison and can be any of year  month  week  day  hour  minute or second

User · Answer

As I don t see here similar approach  and I m not enjoying setting h m s ms to 0  as it can cause problems with accurate transition to local time zone with changed date object  I presume so   let me introduce here this  written few moments ago  lil function      Easy to use  makes a basic comparison operations done  comparing day  month and year without time   -  It seems that this is a complete opposite of  out of the box  thinking   function datecompare date1  sign  date2        var day1   date1 getDate        var mon1   date1 getMonth        var year1   date1 getFullYear        var day2   date2 getDate        var mon2   date2 getMonth        var year2   date2 getFullYear        if  sign                      if  day1     day2  amp  amp  mon1     mon2  amp  amp  year1     year2  return true          else return false            else if  sign       gt              if  year1  gt  year2  return true          else if  year1     year2  amp  amp  mon1  gt  mon2  return true          else if  year1     year2  amp  amp  mon1     mon2  amp  amp  day1  gt  day2  return true          else return false                Usage   datecompare date1         date2  for equality check  datecompare date1    gt    date2  for greater check   datecompare date1    gt    date2  for less or equal check     Also  obviously  you can switch date1 and date2 in places to achieve any other simple comparison

User · Answer

An efficient and correct way to compare dates is   Math floor date1 getTime     86400000   gt  Math floor date2 getTime     86400000     It ignores the time part  it works for different timezones  and you can compare for equality    too  86400000 is the number of milliseconds in a day    24 60 60 1000     Beware that the equality operator    should never be used for comparing Date objects because it fails when you would expect an equality test to work because it is comparing two Date objects  and does not compare the two dates  e g     gt  date1  outputs  Thu Mar 08 2018 00 00 00 GMT 1300   gt  date2  outputs  Thu Mar 08 2018 00 00 00 GMT 1300   gt  date1    date2  outputs  false   gt  Math floor date1 getTime     86400000     Math floor date2 getTime     86400000   outputs  true   Notes  If you are comparing Date objects that have the time part set to zero  then you could use date1 getTime      date2 getTime   but it is hardly worth the optimisation  You can use  lt    gt    lt    or  gt   when comparing Date objects directly because these operators first convert the Date object by calling  valueOf   before the operator does the comparison

User · Answer

After reading this question quite same time after it is posted I have decided to post another solution  as I didn t find it that quite satisfactory  at least to my needs   I have used something like this   var currentDate  new Date   setHours 0 0 0 0    var startDay   new Date currentDate - 86400000   2   var finalDay   new Date currentDate   86400000   2     In that way I could have used the dates in the format I wanted for processing afterwards  But this was only for my need  but I have decided to post it anyway  maybe it will help someone

User · Answer

Make sure you construct userDate with a 4 digit year as setFullYear 10           setFullYear 2010

User · Answer

Just use toDateString   on both dates  toDateString doesn t include the time  so for 2 times on the same date  the values will be equal  as demonstrated below    var d1   new Date 2019 01 01 1 20  var d2   new Date 2019 01 01 2 20  console log d1  d2     false console log d1 toDateString      d2 toDateString       true   Obviously some of the timezone concerns expressed elsewhere on this question are valid  but in many scenarios  those are not relevant

User · Answer

This might be a little cleaner version  also note that you should always use a radix when using parseInt   window addEvent  domready   function            Create a Date object set to midnight on today s date     var today   new Date  new Date    setHours 0  0  0  0        input      datum   getValue        dateArray   input split              Always specify a radix with parseInt    setting the radix to 10 ensures that        the number is interpreted as a decimal   It is particularly important with        dates  if the user had entered  09  for the month and you don t use a        radix  09  is interpreted as an octal number and parseInt would return 0  not 9      userMonth   parseInt dateArray 1   10  - 1         Create a Date object set to midnight on the day the user specified     userDate   new Date dateArray 2   userMonth  dateArray 0   0  0  0  0           Convert date objects to milliseconds and compare     if userDate getTime    gt  today getTime                      alert today   n  userDate               Checkout the MDC parseInt page for more information about the radix   JSLint is a great tool for catching things like a missing radix and many other things that can cause obscure and hard to debug errors   It forces you to use better coding standards so you avoid future headaches  I use it on every JavaScript project I code

User · Answer

This will help  I managed to get it like this       var currentDate   new Date new Date   getFullYear    new Date   getMonth     new Date   getDate

User · Answer

The date js library is handy for these things  It makes all JS date-related scriping a lot easier

User · Answer

How about this    Date prototype withoutTime   function          var d   new Date this       d setHours 0  0  0  0       return d      It allows you to compare the date part of the date like this without affecting the value of your variable   var date1   new Date 2014 1 1   new Date   withoutTime    gt  date1 withoutTime       true

User · Answer

Comparing with setHours   will be a solution  Sample   var d1   new Date    var d2   new Date  2019-2-23    if d1 setHours 0 0 0 0     d2 setHours 0 0 0 0        console log true   else      console log false

User · Answer

This is the way I do it   var myDate    new Date    input name frequency start    val    setHours 0 0 0 0   var today     new Date   setHours 0 0 0 0   if today gt myDate       jAlert  Please Enter a date in the future   Date Start Error   function               input name frequency start    focus   select

[javascript] Comparing date part only without comparing time in JavaScript

Examples related to javascript

Examples related to date

Examples related to comparison

Examples related to mootools