Arranging by upcoming birthday dates

Question

Arranging by upcoming birthday dates

Creating a birthday reminder app has been my latest project, where I store names and birthdays in JSON format. My goal is to display the names sorted based on whose birthday is approaching next.

Initially, I considered calculating the time until each person's birthday by subtracting the current day and month from their birthday. However, this approach raised concerns about handling negative results and edge cases such as December. I'm hoping there might be a simpler solution out there that I haven't considered yet.

If you'd like to take a look at the base working code, here is a link to the plunkr: http://plnkr.co/edit/AkP6FRRG917TDdTtfWM7?p=preview

javascript angularjs

Answer 1

Answer №1

To follow the advice of others, you can change the string into a unix timestamp or date format.

For an updated Plunker example, check it out here.

This controller includes a new variable called fromNow in the data:

$scope.friends.forEach(function(data){
      var day = data.birthday.split("/")
      var currentYear = new Date().getFullYear();
      var birthdayDate = new Date(currentYear, day[0] - 1, day[1])
      var now = new Date().valueOf();
      if (birthdayDate.valueOf() < now){ 
          birthdayDate.setFullYear(currentYear+1)
      }
      data.fromNow = birthdayDate.valueOf() - now;
})

Break down the date and month components into individual parts (forming a list like ["02","14","1985"])
Create a date object using the current year, the month day[0], and the day day[1]. (Remember to subtract 1 from the months due to Javascript's 0-based system).
Obtain a numerical value for the present date/time
If the birthday has already passed, add one more year
Assign the number of milliseconds between the current time and the birthday to the variable fromNow

You may need to adjust this code so that birthdays happening today are not moved a year ahead, keeping them at the end of the list.

Additionally, I have included quotes around the orderBy parameter:

<tr ng-repeat="friend in friends| orderBy:'fromNow' ">

Answer 2

To follow the advice of others, you can change the string into a unix timestamp or date format.

For an updated Plunker example, check it out here.

This controller includes a new variable called fromNow in the data:

$scope.friends.forEach(function(data){
      var day = data.birthday.split("/")
      var currentYear = new Date().getFullYear();
      var birthdayDate = new Date(currentYear, day[0] - 1, day[1])
      var now = new Date().valueOf();
      if (birthdayDate.valueOf() < now){ 
          birthdayDate.setFullYear(currentYear+1)
      }
      data.fromNow = birthdayDate.valueOf() - now;
})

Break down the date and month components into individual parts (forming a list like ["02","14","1985"])
Create a date object using the current year, the month day[0], and the day day[1]. (Remember to subtract 1 from the months due to Javascript's 0-based system).
Obtain a numerical value for the present date/time
If the birthday has already passed, add one more year
Assign the number of milliseconds between the current time and the birthday to the variable fromNow

You may need to adjust this code so that birthdays happening today are not moved a year ahead, keeping them at the end of the list.

Additionally, I have included quotes around the orderBy parameter:

<tr ng-repeat="friend in friends| orderBy:'fromNow' ">

Answer 3

Answer №2

To tackle this issue, my approach would involve converting the dates into Unix timestamps (integer values) and then performing a straightforward sorting operation on them.

One way to convert a date to a timestamp is by utilizing JavaScript's Date.parse() method.

Answer 4

To tackle this issue, my approach would involve converting the dates into Unix timestamps (integer values) and then performing a straightforward sorting operation on them.

One way to convert a date to a timestamp is by utilizing JavaScript's Date.parse() method.

Answer 5

Answer №3

Find the UNIX timestamps for the current date and birthdate and evaluate their differences to determine which one is closer to the present moment

birthdates = [new Date(1988,01,27), new Date(2013,01,01)];

birthdates.sort(function(firstDate,secondDate){

    //calculate the difference between first date and current date
    firstDifference = new Date() - firstDate;

    //calculate difference between second date and current date.
    secondDifference = new Date() - secondDate;

    //return the smallest value.
    return firstDifference - secondDifference;

});
//display the sorted array.
alert(birthdates);

Answer 6

Find the UNIX timestamps for the current date and birthdate and evaluate their differences to determine which one is closer to the present moment

birthdates = [new Date(1988,01,27), new Date(2013,01,01)];

birthdates.sort(function(firstDate,secondDate){

    //calculate the difference between first date and current date
    firstDifference = new Date() - firstDate;

    //calculate difference between second date and current date.
    secondDifference = new Date() - secondDate;

    //return the smallest value.
    return firstDifference - secondDifference;

});
//display the sorted array.
alert(birthdates);

Arranging by upcoming birthday dates

Answer №1

Answer №2

Answer №3

Similar questions

Integration of elFinder with TinyMCE 4

Adding a script to the head of a Next.js page by using the Script component

WooCommerce Checkout and My Account Edit Address now feature dynamic selectable fields for improved customization options

Utilizing directives while initiating dynamic components

Converting text to JSON using JSONP with jQuery's AJAX functionality

Editing HTML using the retrieved jQuery html() content

Combining Option Value and Name Selection Using React Hooks

Encountering the error message "Unexpected token export" while attempting to implement the "framer-motion" package with Webpack

The error message encountered is "Uncaught (in promise) Error: Unable to access attributes of an undefined object (reading 'launch')."

What can be done to prevent Leaflet from processing markers that fall outside of its bounding box?

Utilizing the express framework to dynamically render route requests

What is the solution to resolving the warning about the router no longer defaulting the history prop to hash history?

Creating types for React.ComponentType<P> in Material-UI using TypeScript

How can I effectively address issues with jqGrid's sorting and paging functionality?

Call order for importing and exporting in NodeJS

Examining the contents of an array in JavaScript

What steps can be taken to resolve the error message "Module '../home/featuredRooms' cannot be found, or its corresponding type declarations"?

The v-autocomplete feature in vuetify doesn't allow for editing the text input after an option has been selected

Vue's watch function failing to trigger