How to check two timestamps for the same day in JavaScript?

You will never use JavaScript when developing an application, and you will never use Date objects. Date object is very important in JavaScript as it allows us to create and manipulate dates as per developer requirements.

In this tutorial, we will learn to check whether two timestamps are the same day or different days. In real-time development, it is very useful. For example, we want users to perform some daily tasks. So we need to check if the user performed today's task, we can check this by comparing the last date when the task was performed with the current date.

Compare the year, month and day of two Date objects respectively

Date()The object contains getFullYear(), getMonth(), and getDate() methods for getting the year, month, and date from a date value, respectively. We can check whether the year, month, and day of two timestamps are the same; they are both on the same day.

grammar

Users can check two timestamps of the same day using getFullYear(), getMonth(), getDate() and equality operators as per the following syntax.

if ( date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate() ) { // date is the same } else { // date is not the same }

In the above syntax, date1 and date2 are two different timestamps.

Example

In the example below, we create three dates named date1, date2 and date3. We created the compareTwoDates() function which uses the above logic to compare two timestamps of the same day.

  
Compare the year, month, and date  to check for two timestams of same day.
 
 
   

Set hours, minutes, seconds and milliseconds to zero and compare two dates

Date()ThesetHours()method of the object allows us to set the hours, minutes, seconds and milliseconds in the timestamp. It takes four parameters, representing hours, minutes, seconds, and milliseconds. Also, the last three parameters are optional, but we set them all to zero. When we set the hours, minutes, seconds and milliseconds to zero, we can get the timestamp of the start of the day. If two timestamps have the same start time, the timestamps are for the same day.

grammar

Follow the syntax below to compare two timestamps on the same day.

date1.setHours(0, 0, 0, 0); date2.setHours(0, 0, 0, 0); // compare timestamp if (date1 == date2) { // date is the same } else { // date is not the same }

In the above syntax, we use the setHours() method to comparedate1anddate2after setting the hours to zero.

Example

In the following example, we create two timestamps using Date() objects. The CompareTwoDates() function checks whether the timestamps are on the same day by setting the hours, minutes, seconds, and milliseconds of the two timestamps to zero.

  
Seting Hours, minutes, seconds, and milliseconds  to zero to check for two timestamps of the same day 
 
   

Use toDateString() method

toDateString()method allows us to get date string from timestamp only and it removes time from timestamp and returns only date string. If the date string of two timestamps is the same, it can be said that both are on the same day.

grammar

Use the toDateString() method according to the following syntax to check two timestamps on the same day.

if (date1.toDateString() == date2.toDateString()) { // dates are of the same day } else { // dates are not on the same day }

Example

In the example below, when the user clicks the "Compare Two Dates" button, it calls theisForSameDays()function. In theisForSameDays()function, we use toDateString() method to get only the date string from the timestamp and use the equality operator to compare the two date strings.

  
Using the  toDateString() method  to check for two timestams of same day.
 
   

This tutorial teaches us three methods to check two timestamps of the same day. The third way to use the toDateString() method is a very simple one-liner.

The above is the detailed content of How to check two timestamps for the same day in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!