"Aprender, Aprender y Nunca Practicar, es como Arar, Arar pero NUNCA SEMBRAR "

Soy una persona apasionada por todo lo que tiene que ver con Internet y las nuevas tecnologías. Soy autodidacta, y me encanta impartir clases...


Calendario Javascript con Jquery

Miércoles 26 de Octubre de 2011

Javascript
Autor: César Cancino
Categoría: Javascript
Etiquetas Programación, php, mysl
Comentarios 5

Nuestro amigo Johan Calderón Acero de Bogotá - Colombia ha compartido un script con nosotros llamado Calendario. Les adjunto el mail que nos escribió con la descripción del mismo y pongo en descarga el .rar con los códigos fuentes.

¿Qué te gustaría compartir con nosotros?

Compartir

Nuestro amigo Johan Calderón Acero de Bogotá - Colombia ha compartido un script con nosotros llamado Calendario. Les adjunto el mail que nos escribió con la descripción del mismo y pongo en descarga el .rar con los códigos fuentes.




Buenas tardes cesar

Gracias por la oportunidad de publicar mi calendario.

Calendario javascript - jquery

Sencillo calendario para poner facilmente en cualquier tipo de web.

Da la fecha desde 1900 hasta 2100. cuantro tipo de formatos de fecha

mm/dd/aaaa dd/mm/aaaa mm-dd-aaaa dd-mm-aaaa

se pueden poner cualquier cantidad de calendarios en la página

fácil instalación



cordialmente

Ing. Johan Calderon Acero




 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link rel="stylesheet" type="text/css" href="estilos/calendario.css" />
<script language="javascript" type="text/javascript" src="js/jquery-1.6.4.js"></script>
<script language="javascript" type="text/javascript" src="js/calendario.js"></script>
<script language="javascript" type="text/javascript">
//configuracion de calendario
crear_calendario("lanzador1","texto1","mm/dd/aaaa");
crear_calendario("lanzador2","texto2","dd/mm/aaaa");
crear_calendario("lanzador3","texto3","mm-dd-aaaa");
crear_calendario("lanzador4","texto4","dd-mm-aaaa");
</script>
</head>
<body>

<input type="text" id="texto1" />
<input type="button" id="lanzador1" class="lanzador" />
<br />
<input type="text" id="texto2" />
<input type="button" id="lanzador2" class="lanzador" />
<br />
<input type="text" id="texto3" />
<input type="button" id="lanzador3" class="lanzador" />
<br />
<input type="text" id="texto4" />
<input type="button" id="lanzador4" class="lanzador" />
</div>
</body>
</html>




5 Comentarios

  1. Paula Segura
    Lunes 26 de Mayo de 2014

    no aparece nada, osea solo salen los cuadros de textos y los botones..pero no aparece ningun calendario. Ayudame plis

  2. German Ojeda
    Domingo 14 de Abril de 2013

    Buenas tardes... mi consulta es la siguiente... como podriamos poner una opcion para elegir el año? Ya que si lo quiero usar para que el usuario ingrese su fecha de nacimiento seria muy tedioso manejarse con las flechas y retroceder 20 años por ejemplo... Desde ya, muchas gracias

  3. abel
    Miércoles 30 de Mayo de 2012

    hola Johan... alguna posibilidad de incluir el formato YYYY-MM-DD para tenerlo listo para guardar en el mysql... me ayudaría muchísimo... gracias....

  4. jordy
    Domingo 25 de Marzo de 2012

    que buen calendario, pero tambien me gusto este otro singleCalendar

  5. Niels
    Miércoles 26 de Octubre de 2011

    Excelente, pero creo que ya HTML5 impleta input tipo date por defecto