Open In App
Related Articles

HTML | DOM Input Week value Property

Improve Article
Improve
Save Article
Save
Like Article
Like

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

Syntax:

  • For returning the value property:
weekObject.value
  • For setting the value property:
weekObject.value = YYYY-WWW

Property Value:

  • YYYY-WWW: This values states the year and week. Here YYYY is the year i.e. 2019 and WWW is the week with starting letter W i.e. W32 .

Return Value: It returns a string which represents the value for a week field. Below program illustrates the Week value property: 

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

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Input Week value Property
    </title>
</head>
 
<body style="text-align:center;">
 
    <h1>GeeksForGeeks</h1>
 
    <h2>DOM Input Week value Property</h2>
            <form id="myGeeks">
    <input type="week" id="week_id" name="geeks" value="2019-W10">
                 </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("week_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 Week value Property
    </title>
</head>
 
<body style="text-align:center;">
 
    <h1>GeeksForGeeks</h1>
 
    <h2>DOM Input Week value Property</h2>
            <form id="myGeeks">
    <input type="week" id="week_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("week_id");
            gfg.value = "2019-W09";
            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 Week value Property are listed below:

  • Google Chrome 20
  • Edge 12
  • Opera 11

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


Last Updated : 26 Aug, 2022
Like Article
Save Article
Similar Reads
Related Tutorials