El atributo de fecha en la etiqueta de entrada crea un calendario para elegir la fecha, que incluye día, mes y año.
Sintaxis:
<input type = "date">
Ejemplo 1: usar el atributo de fecha en la etiqueta de entrada
<!DOCTYPE html> <html> <head> <title>Date Attribute</title> </head> <body> <form action="/"> Date of Birth: <input type = "date"> </form> </body> </html>
Producción:
Ejemplo 2: inicialización del valor de fecha predeterminado en la etiqueta de entrada. El formato de fecha es valor = «aaaa-mm-dd» en la etiqueta de entrada
<html> <head> <title>Date Attribute</title> </head> <body> <form action="/"> Date of Birth: <input type="date" value="2018-10-19"> </form> </body> </html>
Producción:
Ejemplo 3: DOM para atributo de fecha
<!DOCTYPE html>
<html>
<head>
<title>Date Attribute</title>
</head>
<body>
Date of Birth:
<input type="date" id="dob">
<button onclick="dateDisplay()">Submit</button>
<p id="demo"></p>
<script>
function dateDisplay() {
var x = document.getElementById("dob").value;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
Producción:
Salida en el teléfono:
Publicación traducida automáticamente
Artículo escrito por bilal-hungund y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA