Datepicker Jquery

Un calendario simple utilizando Jquery

1.- Importamos los js y css necesarios

<script src=”jquery.js” type=”text/javascript”></script>

<script src=”ui.datepicker.js” type=”text/javascript”></script>

<link rel=”stylesheet” href=”ui.datepicker.css”

type=”text/css” media=”screen”>



2.- En la pagina se tendrá un input asi:


<input name="”fecha”" id="”fecha”" type="”text”/">


3.- Se agrega el siguiente script en la pagina para agregar la funcionalidad al input:


<script type="text/javascript">

$(function() {

$("#fecha").datepicker();

});

</script>





Ejemplo: