Ver Mensaje Individual
  #4 (permalink)  
Antiguo 19/05/2010, 15:35
CarolJohana
 
Fecha de Ingreso: diciembre-2008
Ubicación: Bogota
Mensajes: 149
Antigüedad: 15 años, 5 meses
Puntos: 1
Respuesta: Calendario Web

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