HTML | DOM Input Time min Property
Last Updated :
29 Aug, 2022
Improve
The DOM Input Time min Property is used to set or return the value of the min attribute of a number field. The min attribute defines the minimum time for an input Time field.
Syntax:
- It returns the min property.
timeObject.min
- It is use to set the min property.
timeObject.min = hh:mm:ss.ms
Property values:
- hh:mm:ss.ms - It is used to specifies a minimum time allowed for the time field.
- hh- It specify the hour.
- mm- It specify the minutes.
- ss- It specify the seconds.
- ms- It specify the milliseconds.
Return Value: It returns a string value which represent the minimum time allowed for a Time field.
Example-1: This example illustrates how to return the Input time min Property.
<!DOCTYPE html>
<html>
<head>
<title>
DOM Input Time min Property
</title>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>
DOM Input Time min Property
</h2>
<label for="uname"
style="color:green">
<b>Enter time</b>
</label>
<input type="time"
id="gfg"
name="Geek_time"
placeholder="Enter time"
step="5"
min="16:00"
max="22:00">
<br>
<br>
<button type="button"
onclick="geeks()">
Click
</button>
<p id="GFG"
style="font-size:24px;
color:green'">
</p>
<script>
function geeks() {
var link =
document.getElementById(
"gfg").min;
document.getElementById(
"GFG").innerHTML = link;
}
</script>
</center>
</body>
</html>
<html><head> <title> DOM Input Time min Property </title></head><body> <center> <h1 style="color:green;"> GeeksForGeeks </h1> <h2> DOM Input Time min Property </h2> <label for="uname" style="color:green"> <b>Enter time</b> </label> <input type="time" id="gfg" name="Geek_time" placeholder="Enter time" step="5" min="16:00" max="22:00"> <br> <br> <button type="button" onclick="geeks()"> Click </button> <p id="GFG" style="font-size:24px; color:green'"> </p> <script> function geeks() { var link = document.getElementById( "gfg").min; document.getElementById( "GFG").innerHTML = link; } </script> </center></body></html>Output: Before Clicking On Button:
After Clicking On Button :
Example-2: This Example illustrates how to set the Property.
<!DOCTYPE html>
<html>
<head>
<title>
DOM Input Time min Property
</title>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>
DOM Input Time min Property
</h2>
<label for="uname"
style="color:green">
<b>Enter time</b>
</label>
<input type="time"
id="gfg"
name="Geek_time"
placeholder="Enter time"
step="5"
min="16:00"
max="22:00">
<br>
<br>
<button type="button"
onclick="geeks()">
Click
</button>
<p id="GFG"
style="font-size:24px;
color:green'">
</p>
<script>
function geeks() {
var link =
document.getElementById(
"gfg").min = "14:00";
document.getElementById(
"GFG").innerHTML =
"The value of the min attribute"+
" was changed to " + link;
}
</script>
</center>
</body>
</html>
<html><head> <title> DOM Input Time min Property </title></head><body> <center> <h1 style="color:green;"> GeeksForGeeks </h1> <h2> DOM Input Time min Property </h2> <label for="uname" style="color:green"> <b>Enter time</b> </label> <input type="time" id="gfg" name="Geek_time" placeholder="Enter time" step="5" min="16:00" max="22:00"> <br> <br> <button type="button" onclick="geeks()"> Click </button> <p id="GFG" style="font-size:24px; color:green'"> </p> <script> function geeks() { var link = document.getElementById( "gfg").min = "14:00"; document.getElementById( "GFG").innerHTML = "The value of the min attribute"+ " was changed to " + link; } </script> </center></body></html>Output: Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browser supported by DOM input Time min property listed below:
- Google Chrome 20
- Edge 12
- Firefox 57
- Opera 10
- Safari 14.1
