Check to see if the upcoming birthday falls within the next week

Question

Check to see if the upcoming birthday falls within the next week

I'm trying to decide whether or not to display a tag for an upcoming birthday using this boolean logic, but I'm a bit confused.

const birthDayDate = new Date('1997-09-20');
const now = new Date();
const today = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0);
const threshold = new Date(today).setDate(today.getDate() + 8);
console.log(birthDayDate >= today && birthDayDate < new Date(threshold));

This is the code snippet I have and I want it to log true if there's an upcoming birthday within a 7-day window.

As of writing this post in my timezone, today is 09.14.2022. I expect the result to be true because the date we are comparing with is only 6 days away, without considering the years.

javascript angular typescript date

Answer 1

Answer №1

How is it possible for a day in 1997 to be considered greater than a day in 2022 when comparing birth dates?

One potential solution is to update the year of the birth date to the current year and then verify if that date falls within 7 days from the present:

const birthDayDate = new Date('1997-09-20');
const thisYear = new Date(birthDayDate)
thisYear.setYear(new Date().getFullYear());
const now = new Date();
console.log(thisYear - now <= 1000 * 60 * 60 * 24 * 7 && thisYear - now >= 0);

1000 * 60 * 60 * 24 * 7 equals 7 days in milliseconds.

We also need to confirm whether the date has already passed by checking thisYear - now >= 0.

Answer 2

How is it possible for a day in 1997 to be considered greater than a day in 2022 when comparing birth dates?

One potential solution is to update the year of the birth date to the current year and then verify if that date falls within 7 days from the present:

const birthDayDate = new Date('1997-09-20');
const thisYear = new Date(birthDayDate)
thisYear.setYear(new Date().getFullYear());
const now = new Date();
console.log(thisYear - now <= 1000 * 60 * 60 * 24 * 7 && thisYear - now >= 0);

1000 * 60 * 60 * 24 * 7 equals 7 days in milliseconds.

We also need to confirm whether the date has already passed by checking thisYear - now >= 0.

Answer 3

Answer №2

Make sure to use this code snippet that includes a check for dates being passed after the birth date, which will result in returning false.

 const birthDayDate = new Date("1997-09-20");
 const now = new Date();

 const after_threshold = new Date(now.getFullYear(),birthDayDate.getMonth(),birthDayDate.getDate(),0,0,0);

 const before_threshold = new Date(now.getFullYear(),birthDayDate.getMonth(),birthDayDate.getDate() + 8,0,0,0);

 console.log(before_threshold >= now && after_threshold <= now);

Answer 4

Make sure to use this code snippet that includes a check for dates being passed after the birth date, which will result in returning false.

 const birthDayDate = new Date("1997-09-20");
 const now = new Date();

 const after_threshold = new Date(now.getFullYear(),birthDayDate.getMonth(),birthDayDate.getDate(),0,0,0);

 const before_threshold = new Date(now.getFullYear(),birthDayDate.getMonth(),birthDayDate.getDate() + 8,0,0,0);

 console.log(before_threshold >= now && after_threshold <= now);

Check to see if the upcoming birthday falls within the next week

Answer №1

Answer №2

Similar questions

Dealing with HTML and Escaping Challenges in jQuery Functions

Accessing data from arrays asynchronously using JavaScript

Extracting timestamped text data from a simulated chat interface

Using Angular to include more than two parameters in an HTTP GET request

Adjust the canvas size to fit its parent element ion-grid

Can you explain the significance of the syntax "require: ^"?

Oops! The requested page "/api/auth/[...nextauth]" is missing the necessary "generateStaticParams()" function, thus making it incompatible with the "output: export" configuration

Every time I navigate to a new page in NextJs, the useEffect hook

Tips for preserving dynamically generated HTML through Javascript during page reload

Using React Refs to Trigger the video.play() Method - A Step-by-Step Guide

How can I update getServerSideProps using a change event in Next.js?

Unable to stop interval in Angular 5 application

Troubleshoot: Bootbox Confirm Functionality Issues

Modifying the href attribute of links within various occurrences of an element using jQuery based on its content

The custom validation function in jQuery is not triggering

Having trouble getting two components to return in React

Error: Access Denied - discord.js bot command cannot be executed due to lack of authorization

How to assign a click event to dynamically generated HTML elements using jQuery

Leveraging React Native to position a view absolutely in the center of the screen without obstructing any other components

How can I display a PHP variable in JavaScript?