Calendario Web

gabrodru · #1 (**permalink**) 15/05/2010, 12:24

Hola foreros,

Me guataria incorporar en mi web un calendario desplegable de seleccion de fechas como el de las web de reservas. No se si estos calendarios estan hechos en AJAX o en Javascrit. La cuestion es que no se como hacerlo. Alguien me podria decir como hacerlos o donde puedo encontrar algun ejemplo.

Aqui os dejo un ejemplo de lo que necesito

http://vuelos.destinia.com/

Un saludo y gracias.

RanuTo · #2 (**permalink**) 17/05/2010, 12:44

holas te recomiendo que uses un framework de javascript llamado jquery en el cual esta pagina [URL="http://jqueryui.com/demos/"]http://jqueryui.com/demos/[/URL] puedes ver ejemplos de calendarios y otros para q los uses en tus paginas

cesarpunk · #3 (**permalink**) 17/05/2010, 16:55

búscalo en google como "datepicker".

CarolJohana · #4 (**permalink**) 19/05/2010, 15:35

Hola muchachos es muy facil!
descargate la libreria de jquery
dentro del jquery tiene grandeds ayudas dentro de ellas el calendario entonces lo que tienes q hacer es
1. Una vez descargada abres tu nuevo archivo donde quiere q salga el calendario
2. agregar esto:
<script src="Libreria/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="Libreria/js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script src="Libreria/development-bundle/external/bgiframe/jquery.bgiframe.min.js" type="text/javascript"></script>
<script type="text/javascript" src="Libreria/development-bundle/ui/ui.core.js"></script>
<link type="text/css" href="Libreria/development-bundle/demos/demos.css" rel="stylesheet" />
<link type="text/css" href="Libreria/css/start/Start.css" rel="stylesheet" />
<script type="text/javascript" src="Libreria/development-bundle/ui/ui.datepicker.js"></script>
<script type="text/javascript" src="Libreria/development-bundle/ui/ui.dialog.js"></script>
<script type="text/javascript" src="Libreria/js/ui.js"></script>
<script type="text/javascript" src="Libreria/js/ui_002.js"></script>
<script type="text/javascript" src="Libreria/js/ui_004.js"></script>
<script type="text/javascript" src="Libreria/js/ui_003.js"></script>
<title>Calendario</title>
<script type="text/javascript">
$(document).ready(function(){
$("input[id^='fecha']").datepicker({
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',' Julio','Agosto','Septiembre','Octubre','Noviembre' ,'Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','S ep','Oct','Nov','Dic'],
dayNames: ['Domingo', 'Lunes', 'Martes', 'Miercoles', 'Jueves', 'Viernes', 'Sabado'],
dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
dateFormat: 'yy/mm/dd',
prevText: 'Anterior',
nextText: 'Siguiente',
changeMonth: true,
changeYear: true

});

});
</script>
<html><table>
<tr> <td>Fecha :</td>
<td><input name="fechan" type="text" id="fechan" maxlength="10"/></td>
</tr>
</table></html>

y listo!! asi ya te debe salir puedes poner multiples calendarios en un formulario solo debes colocarle como nombre fecha_nombre, asi cuando busca para poner el calendario el hecho de tener el nombre de fecha ya te lo despliega.

Espero haber sido de ayuda

Salu2

CarolJohana · #5 (**permalink**) 19/05/2010, 15:35

ahhh y libreria asi llame la carpeta del jquery si quieres renombra tu carpeta descargada como libreria y pruebas de una :)

gabrodru · #6 (**permalink**) 27/05/2010, 14:59

Gracias lo pruebo y te digo