Archivo

Entradas etiquetadas ‘picker’

Date Range Picker – Un vistoso selector de fechas

21-01-2009

Date Range Picker - Muestra

Date Range Picker - Muestra

Date Range Picker es un vistoso recurso para implementar un selector de fechas. Este hace uso de jQuery UI 1.6 del framework Query UI CSS.

Principales características:

  • Integra la biblioteca DateJS.
  • Permite definir rangos para avanzar o retroceder.
  • Es altamente configurable.
  • También es altamente personalizable.

Entre las opciones de configuración, posee una gran variedad parámetros para configurar el comportamiento y definir estados como la fecha de inicio, el formato de la fecha, etc.

Sin dudas no sólo su funcionalidad es espectacular sino que también, es muy vistoso y moderno.

Estuve examinando el código y la verdad que es muy sencillo de implementar, ya que sólo requiere enlazar los archivos JS, inicializar el script y definir los estilos.

Date Range Picker:

Desarrollo, Diseño , , , , , , , , , ,

Javascript Time Picker – Implementa un elegante reloj con manecillas arrastrables

1-08-2008

Javascript Time Picker es una biblioteca Javascript con la que podemos implementar un elegante reloj con manecillas arrastrables.

Sus principales características son:

  • fácil de implementar;
  • las manecillas pueden arrastrase independientemente una de la otra;
  • permite ajustar la hora simplemente arrastrando las manecillas;
  • usa CSS;
  • salida de la hora en formato de 12 o 24 horas con indicadores AM y PM.

Posee muchas opciones de configuración como: el tiempo de inicio, el formato AM/PM, el tamaño, leguaje para las variables que contiene las leyendas AM/PM entre algunos otros.

Me cuesta creer a estas alturas que alguien desarrolle páginas web  y que como mínimo no utilice un DoctType. En el caso de este Javascript es un requerimiento.

Sitio: www.nogray.com/time_picker.php

Vía: www.webresourcesdepot.com

Desarrollo, Recursos , , , , , , , ,

jQuery Interactive Date Range Picker – Excelente selector de fechas

26-05-2008

jQuery Interctive Date Picker - captura de pantalla del demojQuery Interactive Date Range Picker es un elegante selector de fechas implementado en jQuery que permite ser incorporado muy fácilmente en una página.

Sus principales características son:

  • accesos rápidos predefinidos a rangos de fechas como: últimos 30 días, últimos 12 meses, rango de fechas, etc.;
  • solo muestra los calendarios necesarios para un rango particular de fechas;
  • y enlaces a Todas las fechas anteriores y Todas las fechas posteriores para simplificar los rangos de valores.

No es fácil de modificar pero sí es gratis para reusarlo y modificarlo dejando siempre claro la correspondiente autoría a Filament Group. Sigue…

Recursos , , , , , , ,

Javascript Color Picker – Implementa un selector de color como el de Photoshop

19-05-2008

Javascript Color Picker biblioteca (librería) para implementar selector avanzado de colores como el PhotoshopJavascript Color Picker es una biblioteca (librería) Javascript que permite implementar un seleccionador de color similar al del Photoshop.

Sus principales características son:

  • posee opciones HSB y RGB;
  • usa Prototype;
  • y es compatible con los navegadores más populares.

Este script puede ser una potente solución para aquellos que necesitan agregar a sus aplicaciones web un selector de color avanzado. Sigue…

Desarrollo, Recursos , , , , , , , , , ,

Color Picker Widget – Script para agregar selección de color

13-05-2008

Color Picker Widget, captura de pantallaColor Picker Widget (YUI Based) es un script que permite agregar selección de color a cualquier campo de un formulario.

Está basado en YUI’s Color Picker control y este soporta la habilidad de mostrar el selector de colores dentro del contenido o como una venta flotante. Posee muchas opciones de configuración lo que hace que sea altamente personalizable y adaptable a las necesidades del proyecto. Sigue…

Desarrollo, Diseño, Recursos , , , , , , , ,