Skip to content
Related Articles

Related Articles

Improve Article
HTML | DOM Input Month value Property
  • Last Updated : 15 Mar, 2019

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 Week 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.






<!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.




<!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
  • Internet Explorer 10.0 +
  • Firefox
  • Opera
  • Safari

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




My Personal Notes arrow_drop_up
Recommended Articles
Page :