jQuery - Display all dates (in numbers) in current month

Question

How can I display all dates in a month @ Below format

All days in current month: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, ... 31

HTML

<div id="allDates"></div>

jQuery

$(document).ready(function(){
    var d = new Date();
    var allDates = d.getDate();
    $('#allDates').html('All days in current month:' + '<br>' + allDates);
});

https://stackoverflow.com/a/1185068/5743676 try this – Hina Khuman Dec 21 '17 at 06:50 — Hina Khuman, Dec 21 '17 at 06:50

Hassan Imam · Answer 1 · 2017-12-21T09:57:14.577

Using the date constructor generate the first date of a month and last date of month and then push all dates in an array and display it.

$(document).ready(function(){
    var today = new Date(),
    firstDay = new Date(today.getFullYear(), today.getMonth(), 1),
    lastDay = new Date(today.getFullYear(), today.getMonth() + 1, 0),
    result = [];

    while(firstDay <= lastDay){
      result.push(firstDay.getDate());
      firstDay.setDate(firstDay.getDate() + 1);
    }

    $('#allDates').html('All days in current month:' + '<br>' + result.join(','));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="allDates"></div>

Using this stackoverflow solution

function daysInMonth(month,year) {
    return new Date(year, month, 0).getDate();
}

$(document).ready(function(){
    var today = new Date(),
    days = daysInMonth(today.getMonth() + 1, today.getFullYear()),
    result = Array.from({length:days}, (_,i) => i+1).join(',');
    $('#allDates').html('All days in current month:' + '<br>' + result);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="allDates"></div>

score 2 · Answer 2 · answered Dec 21 '17 at 06:48

2

var d = new Date();
var LastDay = 32 - new Date(d.getFullYear(), d.getMonth(), 32).getDate();
var Output = "";
for (var i = 0; i < LastDay - 1; i++) {
    Output += (i + 1) + ", ";
}
document.write(Output);

answered Dec 21 '17 at 06:48

pitaridis

2,801
3
22
41

populate it by object then stringify it would distinguish that trailing comma – Chay22 Dec 21 '17 at 06:52

score 0 · Answer 3 · answered Dec 21 '17 at 06:53

Use this

$(document).ready(function(){
  var d = new Date();
    var numberOfDays = getDaysInMonth(d.getMonth() + 1, d.getFullYear())
    var allDates = ''
  for (var i = 1; i <= numberOfDays; i++) {
    allDates += i + ' '
  }

  $('#allDates').html('All days in current month:' + '<br>' + allDates);
});
function getDaysInMonth(month,year) {
  return new Date(year, month, 0).getDate();
}

score 0 · Answer 4 · answered Dec 21 '17 at 07:39

Here is another twist, get the last day of the month and then loop to get the output as

var getDaysInMonth = function(month,year) {
  // Here January is 1 based
  //Day 0 is the last day in the previous month
 return new Date(year, month, 0).getDate();
// Here January is 0 based
// return new Date(year, month+1, 0).getDate();
};

$(document).ready(function(){
  var d = new Date();
    var lastdayOfmonth = getDaysInMonth(d.getMonth() , d.getFullYear())
    var allDates = ''
  for (var i = 1; i <= lastdayOfmonth; i++) {
    allDates += i + ' '
  }

  $('#allDates').html('Current month dates :' + '<br>' + allDates);
});

Please refer this link :- https://www.w3resource.com/javascript-exercises/javascript-date-exercise-3.php

jQuery - Display all dates (in numbers) in current month

4 Answers4