Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

How to calculate minutes between two dates in JavaScript ?

  • Last Updated : 20 Jun, 2019

Given two dates and the task is to get the number of minutes between them using JavaScript.

Approach:

  • Initialize both Date object.
  • Subtract older date from the new date. It will give the number of milliseconds from 1 January, 1970.
  • Convert milliseconds to minutes .

Example 1: This example uses the current date and next newYear date to get the difference of dates in minutes.




<!DOCTYPE HTML> 
<html
    <head
        <title
            How to get the minutes between
            two dates in JavaScript ?
        </title>
    </head
      
    <body style = "text-align:center;"
          
        <h1 style = "color:green;"
            GeeksForGeeks 
        </h1>
          
        <p id = "GFG_UP" style
            "font-size: 19px; font-weight: bold;">
        </p>
          
        <button onClick = "GFG_Fun()">
            click here
        </button>
          
        <p id = "GFG_DOWN" style
            "color: green; font-size: 24px; font-weight: bold;">
        </p>
          
        <!-- Script to calculate difference between two dates -->
        <script>
            var up = document.getElementById('GFG_UP');
            var down = document.getElementById('GFG_DOWN');
              
            // Declare dates
            var today = new Date();
            var newYear = new Date("01-01-2020");
              
            // Display the dates
            up.innerHTML = "Today's Date= "+ today.toLocaleDateString()
                + "<br> newYear's Date = " + newYear.toLocaleDateString();
              
            // Function to calculate difference
            // between two dates
            function GFG_Fun() {
                var dif = (newYear - today);
                var dif = Math.round((dif/1000)/60);
                down.innerHTML = "Minutes left = " + dif;
            }
        </script
    </body
</html>

Output:

  • Before clicking on the button:
  • After clicking on the button:

Example 2: This example uses the 2019 newYear and 2020 newYear date to get the difference in minutes.




<!DOCTYPE HTML> 
<html
    <head
        <title
            How to get the minutes between
            two dates in JavaScript ?
        </title>
    </head
      
    <body style = "text-align:center;"
          
        <h1 style = "color:green;"
            GeeksForGeeks 
        </h1>
          
        <p id = "GFG_UP" style
            "font-size: 19px; font-weight: bold;">
        </p>
          
        <button onClick = "GFG_Fun()">
            click here
        </button>
          
        <p id = "GFG_DOWN" style
            "color: green; font-size: 24px; font-weight: bold;">
        </p>
          
        <!-- Script to calculate difference between two dates -->
        <script>
            var up = document.getElementById('GFG_UP');
            var down = document.getElementById('GFG_DOWN');
              
            // Declare dates
            var newYear1 = new Date("01-01-2019");
            var newYear2 = new Date("01-01-2020");
              
            // Display the dates
            up.innerHTML = "First Date= "+ newYear1.toLocaleDateString()
                + "<br> Second Date = " + newYear2.toLocaleDateString();
              
            // Function to calculate difference
            // between two dates
            function GFG_Fun() {
                var dif = (newYear2 - newYear1);
                var dif = Math.round((dif/1000)/60);
                down.innerHTML = "Minutes left = " + dif;
            }
        </script
    </body
</html>                    

Output:

  • Before clicking on the button:
  • After clicking on the button:

Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it's lowest price ever!


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!