La propiedad Input DatetimeLocal readOnly se usa para establecer o devolver si un campo datetimeLocal debe ser de solo lectura o no. Una vez que un campo se ha declarado de solo lectura, no se puede modificar más. Sin embargo, el campo de solo lectura se puede tabular, resaltar y se puede usar para copiar texto. El atributo de solo lectura de HTML se refleja en la propiedad Input DatetimeLocal readOnly.
Sintaxis:
- Para devolver la propiedad readOnly:
datetimelocalObject.readOnly
- Para establecer la propiedad readOnly:
datetimelocalObject.readOnly = true|false
El valor de la propiedad:
- true|false: se utiliza para especificar si el campo datetimeLocal será de solo lectura o no. Es falso por defecto.
Valor de retorno: devuelve un valor booleano que representa si el campo Input DateTimeLocal sería de solo lectura o no.
El siguiente programa ilustra la propiedad readOnly de DatetimeLocal:
Ejemplo: Establecer un campo datetimeLocal en solo lectura.
html
<!DOCTYPE html>
<html>
<head>
<title>
Input DatetimeLocal
readOnly 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 readOnly Property
</h2>
<br> Date Of Birth:
<input type="datetime-local"
id="Test_DatetimeLocal"
name="DOB">
<p>
To set the date time to read-only,
double-click the "Set Read-Only" button.
</p>
<button ondblclick="My_DatetimeLocal()">
Set Read-Only
</button>
<script>
function My_DatetimeLocal() {
document.getElementById(
"Test_DatetimeLocal").readOnly =
true;
}
</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 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