sábado, 17 de noviembre de 2012

Calendario HTML+JavaScript, Programacion Web

Muchas veces cuando estamos diseñando formularios debemos colocar un "input" o cuadro texto para insetar fechas, para evitar errores de los usuarios y garantizar que la estructura de la fecha se parezca a la estructura que tiene nuestra BD, hoy les traigo un calendario que pueden insertar en esos cuadros de texto y de esta manera nos ahorramos muchos problemas. Al final del post estan los archivos para descargar.



Ahora les explicare como deben hacer:

Al principio del documento HTML hacemos el llamado a los archivos JS y CSS que usaremos:






Luego, creamos el input y le insertamos el calendario:


       
Descargar aqui los archivos

15 comentarios:

  1. me gusta incluso es personalizable
    se agradece

    ResponderEliminar
  2. muchas gracias hermano me sirvio de bastante ayuda

    ResponderEliminar
  3. Buen aporte..Gracias

    ResponderEliminar
  4. Hola me gusto, pero como puedo hacer para q aparezca primero el día luego el mes y después al año

    Gracias muy buen aporte!!!

    ResponderEliminar
    Respuestas
    1. Lo que debes hacer es cambiar el parámetro

      ifFormat : "%m/%d/%Y",

      por "%d/%m/%Y"

      pero debes recordar que si vas a utilizar esa vaiable para una BD el formato que se utiliza es el que esta por defecto.

      Saludos

      Eliminar
    2. Gracias!!!! ya lo pude hacer salio perfecto

      Saludos

      Eliminar
  5. El aporte sta super..
    Una consulta el campo fecha: en mi Base de Datos es del tipo Date que guarda(Y-M-D) como hago para guardar el mismo formato desde el calendario...Solo coambiando ifFormat...? como lo hago... graciass y nuevamente k buen aporte felicidades

    ResponderEliminar
  6. hola el calendario esta muy bien pero como puedo hacer para que no de la opción de seleccionar fechas anteriores de antemano muchas gracias

    ResponderEliminar
    Respuestas
    1. hola amigo lo que tendrías que hacer es modificar el archivo calendar-setup.js en la linea de codigo 77 param_default("range",[1900, 2999]);..... en vez de 1900 colocas el año desde el que tu quieras que comience el calendario. saludos..

      Eliminar
  7. Que debo hacer si necesito colocar varios campos tipo fecha dentro de un formulario? ya que por lo que veo este codigo aplica unicamente para un campo fecha no más en el formulario

    ResponderEliminar
  8. Bueno
    Como no soy muy bueno en esto de programar en HTML utilizo herramientas mas fáciles para mi como por ejemplo Web Page Maker
    Y no comprendo como hacerlo con esta herramienta.Ya que la misma tiene una objeción para insertar códigos HTML o Script
    Por favor me ayudan

    Contacto: claro614@gmail.com

    Gracias

    ResponderEliminar
  9. Necesito enlazar informacion dependiendo del mes para poner las tarífas de una casa rural, es posible?
    graicas

    ResponderEliminar
  10. Amigo, Me esta sirviendo mucho tu calendario, pero como le puedo hacer? ya que necesito insertar el calendario en 2 entradas de texto diferentes dentro del mismo formulario, ya intente y solo me deja una sola vez usar el calendario, me podrás ayudar? de antemano GRACIAS!

    ResponderEliminar