La propiedad de lista de fecha y hora de entrada en HTML DOM se utiliza para devolver una referencia al elemento de lista que contiene un campo de fecha y hora de entrada .
Sintaxis:
datetimeObject.list.id
Valor devuelto: Devuelve un valor de string que representa el valor del atributo id del elemento datalist .
Ejemplo: El siguiente código HTML se usa para devolver la propiedad de lista de fecha y hora de entrada .
HTML
<!DOCTYPE html>
<html>
<head>
<title>Input Datetime list Property in HTML</title>
<style>
h1 {
color: green;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Input Datetime list property</h2>
<br> Date Of Birth:
<input type="datetime" id="Test_Datetime"
value="2019-11-11" list="DateTime_list">
<datalist id="DateTime_list">
<option value="2019-11-11" />
<option value="2019-12-01" />
<option value="2019-04-11" />
<option value="2005-09-12" />
<option value="2022-03-12" />
</datalist><br><br>
<button ondblclick="My_Datetime()">
Return Date And Time
</button>
<p id="test" style="font-size:20px"></p>
<script>
function My_Datetime() {
var datetimeVar = document
.getElementById("Test_Datetime").list.id;
document.getElementById("test")
.innerHTML = datetimeVar;
}
</script>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- Borde
- Mozilla Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA