Cómo instalar y usar controles DatePicker en tu página web mediante Javascript asociando el almanaque a los elementos de un formulario web.

Más sobre el programa :: Requerimientos :: Videos :: Actualizaciones

Este es un completo script gratuito para poder utilizar controles de almanaque para asociar a los elementos de formulario de tu página o aplicación web.

Son mas de 10 ejemplos, y en ellos podrás ver cómo insertar almanaques simples, almanaques con fechas y días deshabilitados, cómo mostrar el DatePicker en forma de popup o siempre visible entre otros tipos de configuraciones. Además posee buena interfaz gráfica y con posibilidad de desplegarlos mediante un efecto de animación con transparencia.

Es relativamente simple de instalar si sabemos mirar el código fuente que se incluye en el archivo para descargar. También incluye documentación en inglés.

Nota: También puedes ver este ejemplo relacionado: jQuery DATEPicker - Excelente plugin para utilizar calendarios en tu página o aplicación web.

A continuación puedes ver capturas de pantalla y más información relacionada.

Mas información sobre el programa.

Indice - Contenido.

  1. Capturas de pantalla de los DatePicker.
  2. Todas las características y opciones del DatePicker.
  3. Documentación para la instalación y configuración del script..

 

1 - Capturas de pantalla de los DatePicker.

En total, el archivo de script incluye 11 ejemplos. Entre ellos:

Este almanaque muestra como desplegar el DatePicker con días concretos del mes deshabilitados, para que el usuario pueda seleccionar un rango de fecha que nosotros queramos.

El almanaque se despliega en forma de Popup al presionar un botón. Al seleccionar la fecha, se completa automáticamente en elementos de formulario asociados, en este caso en una lista desplegable.

Este ejemplo utiliza 3 listas de selección para representar el día, el mes y el año. también, al desplegar el almanaque, se deshabilitan todos los días Lunes y Martes de cualquier mes que se cambie en el control.

También, el ejemplo utiliza una función de devolución de llamada o función CallBack para mostrar un formato de fecha larga al lado de los elementos del formulario.

Este es el ejemplo o demostración más básico, en el que el almanaque se despliega en forma de popup y la fecha seleccionada por el usuario se asocia a un cuadro de texto.

Nota: Los otros 7 ejemplos restantes, los puedes ver en el archivo de descarga. ( Archivo index.html)

2 - Todas las características y opciones del DatePicker.

  • Soporte para controlar el almanaque mediante atajo de teclado. Por ejemplo es posible navegar entre los días del almanaque presionando las flechas, navegar entre los meses mediante las teclas Page Down y Page Up, establecer la fecha actual presionando la barra espaciadora, seleccionar la fecha actual y cerrar el almanaque mediante la tecla enter entre otros.
  • El script puede convertir y formatear fechas.
  • Se puede establecer el rango de fecha que deberá mostrarse en el control, indicando la fecha inicial y final.
  • Opciones de localización para mostrar el DatePicker en varios idiomas, incluido el idioma español.
  • Posibilidad de desplegar una barra de estado para mostrar texto y también los números de semana.
  • Posibilidad de arrastrar o hacer Drag&Drop del control en cualquier área de la ventana del navegador.
  • Los parámetros globales de configuración se pueden especificar utilizando JSON dentro del mismo script.
  • Posibilidad de mostrar el datePicker de forma inline. Esta forma es lo contrario al Popup, es decir siempre será visualizado en la página web.

3 - Documentación para la instalación y configuración del script..

El archivo de descarga contiene el fichero index.html para ver los 11 ejemplos, una carpeta llamada js con el archivo Javascript, y otra carpeta llamada language con los archivos javascript para poder configurar el almanaque en varios idiomas.

También, junto al ejemplo, hay una carpeta llamada documentación que incluye las instrucciones de configuración e instalación:

  • Para mostrar como asociar los elementos del formulario al almanaque. ( Cajas de texto y listas ). Esto se realiza mediante el método createDatePicker
  • Cómo configurar el script para crea el datePicker en forma "popup" es decir para que un botón de activación se sitúe junto al elemento de formulario. El selector de fechas sólo aparece cuando el botón ha sido activado (usando el ratón o el teclado).
  • Mostrar el control en forma in-line, es decir siempre visible, de forma incrustada en el área de la página web que necesitemos colocarlo.
  • Dar formato a las fechas.
  • Configurar y mostrar texto en el statusbar o barra de estado.
  • Resaltar de un color los días de la semana.
  • Configuración de localización para establecer el idioma por defecto que mostrará el almanaque: Inglés, Español, Francés, Chino, portugués, etc ..
  • Habilitar y deshabilitar la selección de fechas por parte del usuario.
  • Habilitar y deshabilitar el efecto animado que muestra el almanaque cuando se utiliza en modo popup.
  • Establecer el valor de opacidad o transparencia del control.
  • Eliminar el botón que muestra el día para la fecha actual.
  • Otros.

Requerimientos de instalación y uso.

Requiere: Navegador web con soporte para Javascript.


Videos tutoriales.

Indice de videos.

No hay videos relacionados.

Cambios, actualizaciones y mejoras del programa.

Buscar programas


Introduce los términos de búsqueda ...

Enlaces patrocinados.


Detalles y descargar

Web:
frequency-decoder.com
Licencia:
Gratis
Versión:
1.0
Idioma:
Inglés
Programa actualizado:


Si te ha gustado esta página, programa o artículo puedes votar haciendo clic en este botón: