Open In App

HTML | DOM Input Month max Property

Improve
Improve
Like Article
Like
Save
Share
Report

The DOM Input Month max property in HTML DOM is used to set or return the value of the max attribute of a Month field. The max attribute specifies the maximum value (Month and year) for a Month field. 

Syntax: 

  • It returns the max property.
monthObject.max
  • It is used to set the max property.
monthObject.max = YYYY-MM

Property Values: 

  • YYYY-MM: This values states the maximum year and Month. Here YYYY is the year i.e. 2019 and MM is the Month i.e. 02.

Return Value: It returns a string which represents the maximum value allowed for a Month field. 

Example-1: This example returns the Input Month max property. 

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Input Month max Property
    </title>
</head>
 
<body style="text-align:center;">
    <h1>GeeksForGeeks</h1>
    <h2>DOM Input Month max Property</h2>
    <form id="myGeeks">
        <input type="month" id="month_id"
        name="geeks" max="2019-12">
    </form>
    <br>
    <button onclick="myGeeks()">Click Here!</button>
    <p id="GFG" style="font-size:20px;"></p>
     
    <!-- Script to return the max property-->
    <script>
        function myGeeks() {
            var gfg = document.getElementById("month_id").max;
            document.getElementById("GFG").innerHTML = gfg;
        }
    </script>
</body>
 
</html>


Output: 

Before clicking on the button:

  

After clicking on the button:

  

Example-2: This Example illustrates how to set the property. 

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Input Month max Property
    </title>
</head>
 
<body style="text-align:center;">
    <h1>GeeksForGeeks</h1>
    <h2>DOM Input Month max Property</h2>
    <form id="myGeeks">
        <input type="month" id="month_id"
        name="geeks">
    </form>
    <br>
    <button onclick="myGeeks()">Click Here!</button>
    <p id="GFG" style="font-size:20px;"></p>
     
    <!-- Script to set the max property-->
    <script>
        function myGeeks() {
            var gfg = document.getElementById("month_id");
            gfg.max = "2019-01";
            var g =    gfg.max;       
            document.getElementById("GFG").innerHTML = g;
        }
    </script>
</body>
 
</html>


Output: 

Before clicking on the button:

  

After clicking on the button:

  

Supported Browsers: The browser supported by DOM input Month max Property are listed below:

  • Google Chrome
  • Internet Explorer 10.0 +
  • Firefox
  • Opera
  • Safari

Note: In Firefox, the input type=”month” element does not show any date field or calendar.



Last Updated : 15 Sep, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads