La propiedad Input Datetime max se utiliza para establecer o devolver el valor del atributo max de un campo de fecha y hora.
El atributo Input Datetime max devuelve una string que representa la fecha y la hora máximas permitidas.
Sintaxis:
- Para devolver la propiedad max:
datetimeObject.max
- Para establecer la propiedad max:
datetimeObject.max = YYYY-MM-DDThh:mm:ssTZD
El valor de la propiedad:
- AAAA-MM-DDThh:mm:ssTZD : Se utiliza para especificar la fecha y hora máxima permitida.
- AAAA : Especifica el año.
- MM : Especifica el mes.
- DD : Especifica el día del mes.
- T : Especifica el separador si también se ingresa tiempo.
- hh : Especifica la hora.
- mm : Especifica los minutos.
- ss : Especifica los segundos.
- TZD : Especifica el Designador de Zona Horaria.
Valores devueltos: Devuelve un valor de string que define la fecha y hora máximas para el campo DateTime.
El siguiente programa ilustra la propiedad Datetime Max:
Ejemplo 1: Obtener la fecha y hora máximas permitidas para un campo de fecha y hora.
html
<!DOCTYPE html>
<html>
<head>
<title>Input Datetime max Property in HTML</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Input Datetime max Property</h2>
<br>
<p>The range of date and time accepted is between
2019-02-18 12:00 AM and 2019-02-20 12:00 AM:</p>
<input type="datetime" id="Test_Datetime"
min="2019-02-18T12:00Z" max="2019-02-20T12:00Z">
<p>To return the max range of the datetime field,
double click the "Return Max" button.</p>
<button ondblclick="My_Datetime()">Return Max</button>
<p id="test"></p>
<script>
function My_Datetime() {
var d = document.getElementById("Test_Datetime").max;
document.getElementById("test").innerHTML = d;
}
</script>
</body>
</html>
Salida:
Antes:
Después de hacer clic en el botón
Ejemplo 2: establecer la propiedad datetime max
HTML
<!DOCTYPE html>
<html>
<head>
<title>Input Datetime max Property in HTML</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Input Datetime max Property</h2>
<br>
<input type="datetime" id="Test_Datetime"
min="2019-02-18T12:00Z" max="2019-02-20T12:00Z">
<p>To set the max range of the datetime field,
double click the "Set Max" button.</p>
<button ondblclick="My_Datetime()">Set Max</button>
<p id="test"></p>
<script>
function My_Datetime() {
var d = document.getElementById("Test_Datetime").max =
"2020-02-02";
document.getElementById("test").innerHTML = d;
}
</script>
</body>
</html>
Producción:
Antes:
Después de hacer clic en el botón
2020-02-02
Nota: El elemento <input type=”datetime”> no muestra ningún campo/calendario de fecha y hora en ninguno de los principales navegadores, excepto Safari.
Navegadores web compatibles
- safari de manzana
- explorador de Internet
- Firefox
- Google Chrome
- Ópera
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA