Open In App
Related Articles

HTML | DOM Input Month value Property

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

The Input Month value property is used for setting or returning the value of the value attribute of a Month field. The Input Month value attribute can be used for specifying a Month and year for the month field. 

Syntax:

  • For returning the value property:
monthObject.value
  • For setting the value property:
monthObject.value = YYYY-MM

Property Value:

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

Return Value: It returns a string which represents the value for a month field. 

Below program illustrates the Month value property: 

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

HTML

<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM Input Month value Property
    </title>
</head>
<body style="text-align:center;">
    <h1>GeeksForGeeks</h1>
    <h2>DOM Input Month value Property</h2>
    <form id="myGeeks">
        <input type="month" id="month_id" name="geeks" value="2019-03">
    </form>
    <br>
    <button onclick="myGeeks()">Click Here!</button>
    <p id="GFG" style="font-size:20px;"></p>
     
    <!-- Script to return the value Property-->
    <script>
        function myGeeks() {
            var gfg = document.getElementById("month_id").value;
            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 value Property
    </title>
</head>
<body style="text-align:center;">
    <h1>GeeksForGeeks</h1>
    <h2>DOM Input Month value 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 value Property-->
    <script>
        function myGeeks() {
            var gfg = document.getElementById("month_id");
            gfg.value = "2019-09";
            var g =    gfg.value;       
            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 value Property are listed below:

  • Google Chrome 20 and above
  • Edge 12 and above
  • Opera 11 and above

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



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