La propiedad Input DatetimeLocal defaultValue se usa para establecer o devolver el valor predeterminado de un campo DateTime local. 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 y el valor contiene el valor actual después de realizar algunos cambios. Esta propiedad es útil para saber si el campo DatetimeLocal ha sido modificado o no.
Sintaxis:
- Se utiliza para devolver la propiedad defaultValue.
datetimelocalObject.defaultValue
- Se utiliza para establecer la propiedad defaultValue.
datetimelocalObject.defaultValue = value
Valores de propiedad: contiene un «valor» de propiedad única que define el valor predeterminado para el campo de fecha y hora local.
Valor de retorno: devuelve un valor de string que representa el valor predeterminado del campo DateTime local.
Ejemplo 1: este ejemplo ilustra cómo devolver la propiedad Input DatetimeLocal defaultValue.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Input DatetimeLocal defaultvalue Property</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM Input DatetimeLocal defaultvalue Property</h2>
<input type="datetime-local" autocomplete="on"
id="test"
value="2019-07-02T25:32Z" autofocus>
<p>Double Click to return the defaultvalue Property.</p>
<button ondblclick="Access()">Access</button>
<p id="check"></p>
<script>
function Access() {
// Accessing input element type value
var a = document.getElementById(
"test").defaultValue;
document.getElementById(
"check").innerHTML = a;
}
</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 establecer la propiedad Input DatetimeLocal defaultValue.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Input DatetimeLocal defaultvalue Property</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM Input DatetimeLocal defaultvalue Property</h2>
<input type="datetime-local" autocomplete="on"
id="test"
value="2019-07-02T25:32Z" autofocus>
<p>Double Click to set the defaultvalue Property.</p>
<button ondblclick="Access()">Access</button>
<p id="check"></p>
<script>
function Access() {
// Accessing input element type value
var a = document.getElementById(
"test").defaultValue = " 2015-01-02T11:42:13.510";
document.getElementById(
"check").innerHTML = " The value was changed to " + a;
}
</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 DatetimeLocal defaultvalue Property se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ó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