Ways to determine the total amount of days in a given month

Question

Ways to determine the total amount of days in a given month

As I create a countdown timer, the process involves determining the remaining days in a given month by subtracting the current date from the total number of days in that month. For instance, if there are 30 days in September and 8 days have already passed (including today's date), this calculation must be done manually:

const end = new Date(2021, 8, 30, 13, 0,12, 12);

javascript vue.js vuejs2

Answer 1

Answer №1

If you're looking to find out the number of days in a specific month, you can use this handy JavaScript function:

const getDaysInMonth = (year, month) => new Date(year, month, 0).getDate()

const daysInAugust = getDaysInMonth(2021, 8)
console.log(daysInAugust)

Answer 2

If you're looking to find out the number of days in a specific month, you can use this handy JavaScript function:

const getDaysInMonth = (year, month) => new Date(year, month, 0).getDate()

const daysInAugust = getDaysInMonth(2021, 8)
console.log(daysInAugust)

Answer 3

Answer №2

Remaining days in the present month

let currentDate = new Date();
const currentYear = currentDate.getFullYear();
const currentMonth = currentDate.getMonth();

const lastDateOfMonth = (new Date(currentYear, currentMonth, 0)).getDate();

const daysLeft = lastDateOfMonth - currentDate.getDate();

console.log(daysLeft);

Answer 4

Remaining days in the present month

let currentDate = new Date();
const currentYear = currentDate.getFullYear();
const currentMonth = currentDate.getMonth();

const lastDateOfMonth = (new Date(currentYear, currentMonth, 0)).getDate();

const daysLeft = lastDateOfMonth - currentDate.getDate();

console.log(daysLeft);

Answer 5

Answer №3

A) To determine the remaining days in a month, give this a try:

<script>
    function getDaysInMonth(month,year) {

       var today = new Date().getDate();

       // Ensuring January is 1 based
       // Day 0 represents the last day of the previous month

       // var monthDays = new Date(year, month, 0).getDate();

       // Making January 0 based instead
       var monthDays =  new Date(year, month+1, 0).getDate();

       var remainDays = monthDays - today;

       return remainDays;
   }

   console.log(getDaysInMonth(8, 2021));

</script>

B) For an interactive timer feature, use the following script:

<div class="counter" style='color: green;'>
  <span class='e-m-days'>0</span> Days |
  <span class='e-m-hours'>8</span> Hours |
  <span class='e-m-minutes'>0</span> Minutes |
  <span class='e-m-seconds'>1</span> Seconds
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(function() {
  function getCounterTimerData(obj) {
    var days = parseInt($('.e-m-days', obj).text());
    var hours = parseInt($('.e-m-hours', obj).text());
    var minutes = parseInt($('.e-m-minutes', obj).text());
    var seconds = parseInt($('.e-m-seconds', obj).text());
    return seconds + (minutes * 60) + (hours * 3600) + (days * 3600 * 24);
  }

  function setCounterTimerData(s, obj) {
    var days = Math.floor(s / (3600 * 24));
    var hours = Math.floor((s % (60 * 60 * 24)) / (3600));
    var minutes = Math.floor((s % (60 * 60)) / 60);
    var seconds = Math.floor(s % 60);

    console.log(days, hours, minutes, seconds);

    $('.e-m-days', obj).html(days);
    $('.e-m-hours', obj).html(hours);
    $('.e-m-minutes', obj).html(minutes);
    $('.e-m-seconds', obj).html(seconds);
  }

  var count = getCounterTimerData($(".counter"));

  var timer = setInterval(function() {
    count--;
    if (count == 0) {
      clearInterval(timer);
      return;
    }
    setCounterTimerData(count, $(".counter"));
  }, 1000);
});
</script>

You now have the ability to manually adjust day, minute, and hour settings.

Answer 6

A) To determine the remaining days in a month, give this a try:

<script>
    function getDaysInMonth(month,year) {

       var today = new Date().getDate();

       // Ensuring January is 1 based
       // Day 0 represents the last day of the previous month

       // var monthDays = new Date(year, month, 0).getDate();

       // Making January 0 based instead
       var monthDays =  new Date(year, month+1, 0).getDate();

       var remainDays = monthDays - today;

       return remainDays;
   }

   console.log(getDaysInMonth(8, 2021));

</script>

B) For an interactive timer feature, use the following script:

<div class="counter" style='color: green;'>
  <span class='e-m-days'>0</span> Days |
  <span class='e-m-hours'>8</span> Hours |
  <span class='e-m-minutes'>0</span> Minutes |
  <span class='e-m-seconds'>1</span> Seconds
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(function() {
  function getCounterTimerData(obj) {
    var days = parseInt($('.e-m-days', obj).text());
    var hours = parseInt($('.e-m-hours', obj).text());
    var minutes = parseInt($('.e-m-minutes', obj).text());
    var seconds = parseInt($('.e-m-seconds', obj).text());
    return seconds + (minutes * 60) + (hours * 3600) + (days * 3600 * 24);
  }

  function setCounterTimerData(s, obj) {
    var days = Math.floor(s / (3600 * 24));
    var hours = Math.floor((s % (60 * 60 * 24)) / (3600));
    var minutes = Math.floor((s % (60 * 60)) / 60);
    var seconds = Math.floor(s % 60);

    console.log(days, hours, minutes, seconds);

    $('.e-m-days', obj).html(days);
    $('.e-m-hours', obj).html(hours);
    $('.e-m-minutes', obj).html(minutes);
    $('.e-m-seconds', obj).html(seconds);
  }

  var count = getCounterTimerData($(".counter"));

  var timer = setInterval(function() {
    count--;
    if (count == 0) {
      clearInterval(timer);
      return;
    }
    setCounterTimerData(count, $(".counter"));
  }, 1000);
});
</script>

You now have the ability to manually adjust day, minute, and hour settings.

Answer 7

Answer №4

 let currentDate = new Date();
 let currentMonth = currentDate.getMonth(); 
 displays current month
 let currentYear = currentDate.getFullYear();
 let daysInCurrentMonth = new Date(currentYear, currentMonth, 0).getDate(); 
// shows the difference

Answer 8

 let currentDate = new Date();
 let currentMonth = currentDate.getMonth(); 
 displays current month
 let currentYear = currentDate.getFullYear();
 let daysInCurrentMonth = new Date(currentYear, currentMonth, 0).getDate(); 
// shows the difference

Ways to determine the total amount of days in a given month

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

The website is missing the display of Google Maps

In the world of Node.js and Java, the concepts of "if"

In Next.js, a peculiar issue arises when getServerSideProps receives a query stringified object that appears as "[Object object]"

"Troubleshooting async/await issue with Node.js Sequelize and configuring the connection

JavaScript: what is the method to add a paragraph when the condition is not met?

What is the best way to manually decrease the speed of an object's rotation using javascript?

Retrieve the nth element from an array using a function that requires 2 arguments

What could be causing the issue with script.onload not functioning properly in a Chrome userscript?

The React Native Expo is throwing an error stating that it is unable to locate the module 'minizlib'

Steps to successfully click a button once the popup window has finished loading entirely

How can I retrieve text that is enclosed within 2 specific tags and then format the output according to my preference?

Setting up Redis for session store in the right way involves a few key steps

What is the best way to include a substantial amount of HTML in a Vue.js template?

What is the best way to include the existing query string value in the hyperlinks on my page?

What is the best way to increase incremental values that are nested within each other

What is the best way to modify a variable in a nested element using ng-click in the parent element?

Issues arise when attempting to use two HTTP get requests in a single AngularJS controller

Exploring a Discord.js collection: tips for accessing and manipulating objects within an array in the collection

Update the ajax request from jquery to axios and configure the xhrFields

Unexpected behavior from Internet Explorer - Span contents remain unchanged despite valid input