En este artículo, aprenderemos sobre Datepicker en jQuery. En muchas formas, puede seleccionar la fecha y el año del calendario. Datepicker es una forma estándar del campo de entrada que se utiliza para seleccionar la fecha y el año con solo ver el calendario. Es un calendario interactivo en una superposición específica.
Cuando hace clic en cualquier fecha que se menciona en el calendario, aparecerán los comentarios en el texto de entrada.
Métodos utilizados: el método datepicker() se utiliza para crear una superposición de un calendario interactivo.
Acercarse –
- Primero, debe crear un archivo HTML e importar la biblioteca jQuery.
- Después de eso, debe escribir el código en la etiqueta del script con el método datepicker.
- La tarea principal está hecha y depende de usted si desea aplicar CSS a su aplicación o no.
Ejemplo:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href=
"//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js">
</script>
<style>
body {
background-color: lightgreen;
text-align: center;
}
div {
background-color: lightgreen;
margin-left: 85px;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<div id="datepicker"></div>
<script>
$("#datepicker").datepicker();
</script>
</body>
</html>
Producción:
Explicación: En el ejemplo anterior, hemos visto cómo crear un calendario con solo unas pocas líneas de código. Si desea seleccionar el año, solo tiene que hacer clic en el siguiente botón de flecha en el calendario.
Publicación traducida automáticamente
Artículo escrito por krishna_97 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA