La propiedad de lista de fecha de entrada en HTML DOM se usa para devolver una referencia al elemento de lista que contiene un campo de fecha de entrada .
Sintaxis:
dateObject.list.id
Valor devuelto: Devuelve un valor de string que representa el valor del atributo id del elemento datalist .
Ejemplo: debajo del código HTML utilizado para devolver la propiedad de la lista de fechas de entrada .
HTML
<!DOCTYPE html>
<html>
<head>
<title>Input Date list property in HTML</title>
<style>
body
{
text-align: center;
}
</style>
</head>
<body>
<h1 style="color:green">GeeksforGeeks</h1>
<h2>Input Date list property</h2>
<br> Date Of Birth:
<input type="date" id="Test_Date" list="dates_list">
<datalist id="dates_list">
<option value="2021-02-12"/>
<option value="2022-11-11"/>
<option value="1999-12-21"/>
<option value="2022-11-01"/>
<option value="1998-02-11"/>
</datalist><br><br>
<button ondblclick="My_Date()">Click Here!</button>
<p id="test" style="font-size:20px"></p>
<script>
function My_Date()
{
var x = document.getElementById("Test_Date").list.id;
document.getElementById("test").innerHTML = x;
}
</script>
</body>
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