ejemplo para obtener fecha al hacer click en un Datepicker con JQUERY en español

ejemplo para obtener fecha al hacer click en un Datepicker con JQUERY en español

ejemplo para obtener fecha al hacer clic en un Datepicker con JQUERY en español

para mostrar un calendario en tu página web puedes utilizar el objeto DatePicker de jQuery el cual te mostrará un calendario perfectamente configurado y si quieres obtener la fecha seleccionada al hacer clic tienes que utilizar el método onSelect()

en el siguiente ejemplo te muestro el código necesario para mostrar el calendario y programar lo necesario para que el hacer clic nos aparezca una ventana con la fecha seleccionada y así poder obtener dicha fecha

<!doctype html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>Mostrar calendario con jQuery UI Datepicker</title>
 <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
 <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
 <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
 <script>
 $(function() {
 $("#calendario").datepicker({ 
 onSelect: function(date) { 
 alert(date);
 } 
 });
 });
 </script>
</head>
<body>
Selecciona una fecha: <div id="calendario"></div>
</body>
</html>

en el apartado del Body tienes que crear un div identificado con un nombre, en nuestro caso calendario

y en la parte del head es dónde programaremos que se muestre el calendario y que al hacer clic nos muestre la fecha

lo que tienes que hacer primero es una referencia a la hoja de estilos de jQuery UI la cual será la responsable del diseño del calendario

también tienes que hacer una referencia a la librería de jQuery

y la última referencia es a la librería de jQuery UI

UI significa User Interface

una vez escritas estas referencias ya podemos escribir el código para que se muestre el calendario

crearemos una función anónima indicándole donde se tiene que mostrar el calendario

utilizar el método DatePicker con su método onselect y aquí es donde programamos un alert con la fecha o date correspondiente que me pasa la función

quieres más información sobre datepicker de jQuery te dejo el siguiente enlace