La propiedad de valor Input DatetimeLocal se utiliza para establecer o devolver el valor del atributo de valor de un campo datetimeLocal.
El atributo de valor Input DatetimeLocal se puede usar para especificar una fecha y hora para el campo datetimeLocal.
Sintaxis:
- Para devolver la propiedad de valor:
datetimelocalObject.value
- Para establecer la propiedad de valor:
datetimelocalObject.value = YYYY-MM-DDThh:mm:ss.ms
El valor de la propiedad:
- AAAA-MM-DDThh:mm:ssTZD : Se utiliza para especificar la fecha y/o la hora.
- 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 el tiempo.
- hh: Especifica la hora.
- mm: Especifica los minutos.
- ss: Especifica los segundos.
- ms: Especifica los milisegundos.
El siguiente programa ilustra la propiedad del valor DatetimeLocal:
Establecer una fecha y hora para un campo datetimeLocal.
html
<!DOCTYPE html>
<html>
<head>
<title>Input DatetimeLocal value Property in HTML</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Input DatetimeLocal value Property</h2>
<br> Date Of Birth:
<input type="datetime-local" id="Test_DatetimeLocal">
<p>To set a date and time for the datetimeLocal field,
double-click the "Set Date And Time" button.</p>
<button ondblclick="My_DatetimeLocal()">Set Date And Time</button>
<p id="test"></p>
<script>
function My_DatetimeLocal() {
document.getElementById("Test_DatetimeLocal").value
= "2019-02-04T12:32:20.51";
}
</script>
</body>
</html>
Producción:
Después de hacer clic en el botón:
Nota: El elemento <input type=”datetime-local”> no muestra ningún campo/calendario de fecha y hora en Firefox.
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