Creating an array of future dates using Moment.js

Question

Creating an array of future dates using Moment.js

I am trying to use moment.js to create an array of the next 12 months, starting from the current month. For example, let's say the current month is December:

var monthsArray = [
  "December",
  "January",
  "February",
  "March",
  [...]
  "November"
  ]

However, my current implementation simply lists all 12 months of a year without taking into account a specific starting month.

var count = 0;
var months = [];
while (count < 12) 
  months.push(moment().month(count++).format("MMMM"));

I believe I can determine the user's current month with:

_private.userMonth = moment().format('MMMM');

Could someone help me figure out how to modify this code to generate an array of months starting from the current month?

javascript arrays momentjs

Answer 1

Answer №1

Consider this method, among the various approaches available.

let weekdays = moment.weekdays();
let upcomingWeekdays = weekdays.concat(weekdays.slice(0, moment().day())).slice(-7);

// ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]

While not the most elegant solution, it gets the job done efficiently. For a discussion on how to properly rotate an array in JavaScript, check out this thread here.

Answer 2

Consider this method, among the various approaches available.

let weekdays = moment.weekdays();
let upcomingWeekdays = weekdays.concat(weekdays.slice(0, moment().day())).slice(-7);

// ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]

While not the most elegant solution, it gets the job done efficiently. For a discussion on how to properly rotate an array in JavaScript, check out this thread here.

Answer 3

Answer №2

To incorporate a specific future date, you can utilize the `add` feature in moment:

let interval = 0;
let upcomingMonths = [];
while (interval < 12) {
  upcomingMonths.push(moment().add(interval++, 'month').format('MMMM'));
}

Answer 4

To incorporate a specific future date, you can utilize the `add` feature in moment:

let interval = 0;
let upcomingMonths = [];
while (interval < 12) {
  upcomingMonths.push(moment().add(interval++, 'month').format('MMMM'));
}

Creating an array of future dates using Moment.js

Answer №1

Answer №2

Similar questions

Utilize PHP server to serve index.html for all routes with the combination of React and react-router-dom

What measures can be taken to keep the rightmost element from moving when hovered over?

Sending reference variable from Angular input type=file

Exploring Angular.js: Finding the correct path in a JSON array

Convert a Twitter Direct Message Link by changing the `<button>` tag to an `<a>` tag

Ways to eliminate the dotted line from the image map in Internet Explorer 11

What is the best way to transfer data from a parent component to a child component in ReactJs?

Iterate through all elements in Javascript/jQuery while excluding any nested children elements

How does Mongoose handle returning objects internally?

Using a semicolon right after "id" is recognized as an unexpected token

What steps can be taken to eliminate the useSearchParams() and Suspense deployment error?

Can we save javascript-generated HTML audio as a file on the back-end server?

an observable with an empty array inside

Tips on submitting an HTML form, utilizing ajax for processing, and showcasing PHP variable within a DIV on the current page

Failure to properly evaluate the ID string in Express

Error: The function $(...).live is not defined within the MVC framework

Extracting data from a nested JSON array within an AngularJS template

Implement Vue.js functionality to dynamically add the 'active' class upon clicking an element, while also removing

Retrieving JSON data in Angular 2

Looking to design an interactive grid for generating dynamic thumbnails