La propiedad Input Datetime defaultValue en HTML DOM se usa para establecer o devolver el valor predeterminado de un campo de fecha y hora. Esta propiedad se utiliza para reflejar el atributo de valor HTML. La principal diferencia entre el valor predeterminado y el valor es que el valor predeterminado indica el valor predeterminado de la propiedad y el valor contiene el valor actual después de realizar algunos cambios. Esta propiedad se utiliza para averiguar si el campo Fecha se ha modificado o no.
Sintaxis:
- Se utiliza para devolver la propiedad defaultValue.
datetimeObject.defaultValue
- Se utiliza para establecer la propiedad defaultValue.
datetimeObject.defaultValue = value
Valores de propiedad: contiene un valor de valor de propiedad único que define el valor predeterminado para el campo Fecha y hora de entrada.
Valor de retorno: Devuelve un valor de string que representa el valor predeterminado del campo Fecha y hora de entrada.
Ejemplo 1: este ejemplo ilustra cómo devolver la propiedad Input Datetime defaultValue.
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Datetime defaultValue Property
</title>
</head>
<body style="text-align:center;">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2 style="font-family: Impact;">
Input Datetime defaultValue Property
</h2>
<br>
<input type="datetime" id="test_Datetime"
value="2019-07-02T25:32Z" autocomplete="on">
<button ondblclick="My_Datetime()">
Check
</button>
<p id="test"></p>
<script>
function My_Datetime() {
// Return the Datetime defaultValue
var d = document.getElementById(
"test_Datetime").defaultValue;
document.getElementById("test").innerHTML
= d;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2: Este ejemplo ilustra cómo devolver la propiedad Input datetime defaultValue.
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Datetime defaultValue Property
</title>
</head>
<body style="text-align:center;">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2 style="font-family: Impact;">
Input Datetime defaultValue Property
</h2>
<br>
<input type="datetime" id="test_Datetime"
value="2019-07-02T25:32Z" autocomplete="on">
<button ondblclick="My_Datetime()">
Check
</button>
<p id="test"></p>
<script>
function My_Datetime() {
// Set the Datetime defaultValue
var d = document.getElementById(
"test_Datetime").defaultValue
= "2015-01-02T11:42:13.510";
document.getElementById("test").innerHTML
= "The value was changed to " + d;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botó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 compatibles: los navegadores compatibles con HTML DOM Input Datetime defaultValue Property se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Safari
- Ópera
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA