Introduction

Hey there! Are you ready to dive into the fascinating world of JavaScript? Today, we’re going to explore how to fetch all the dates in a month using JavaScript. It’s going to be an exciting journey, so buckle up and let’s get started!

The Problem

Imagine you have a web application where users can book appointments. You want to provide them with a convenient way to select a date from a calendar. To do that, you need to generate all the dates in a given month dynamically. But how can you achieve that using JavaScript?

The Solution

<!DOCTYPE html>

<html>

<head>

    <title>jquery moment example - wizbrand.com</title>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" crossorigin="anonymous"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" crossorigin="anonymous"></script>

</head>

<body>

  

<h1>jquery moment example - wizbrand.com</h1>

  

</body>

  

<script type="text/javascript">

    

    var getDaysOfMonth = function(year, month) {

          var monthDate = moment(year+'-'+month, 'YYYY-MM');

          var daysInMonth = monthDate.daysInMonth();

          var arrDays = [];

  

          while(daysInMonth) { 

            var current = moment().date(daysInMonth);

            arrDays.push(current.format('MM-DD-YYYY'));

            daysInMonth--;

          }

  

          return arrDays;

    };

  

    var dateList = getDaysOfMonth(2023, 01);

    console.log(dateList);

         

</script>

  

</html>

Output:

0: "09-30-2023"

1: "09-29-2023"

2: "09-28-2023"

3: "09-27-2023"

4: "09-26-2023"

5: "09-25-2023"

6: "09-24-2023"

7: "09-23-2023"

8: "09-22-2023"

9: "09-21-2023"

10: "09-20-2023"

...

25: "09-05-2023"

26: "09-04-2023"

27: "09-03-2023"

28: "09-02-2023"

29: "09-01-2023"