A menudo debemos hacer formularios web donde le solicitamos al usuario que ingrese una fecha. Hasta aquí no hay problema, pero el tema se complica cuando necesitamos que el usuario nos marque una determinada fecha, en un formato específico, o cualquier variante que se nos pueda presentar.

Lo normal sería, si estás usando el framework de jQuery UI, usar su datepicker, pero si no lo estás usando, cargar todos los js, css e imágenes se hace un tanto pesado, incluso, personalizar su apariencia, requiere que crees un tema o te adaptes a lo que trae.

Pero qué pasa si le agregamos la dificultad de necesitar que nuestro calendario selector sea adaptativo? Y qué pasa si necesitamos configurarle opciones como desactivar fechas, que en el UI no es tan sencillo?

ver más >

Esto es magia en estado puro. Me lo encontré buscando como agregar eventos al jQuery UI datePicker para que, en lugar de seleccionar la fecha indicada, muestre una alerta o siga un vínculo desde cada día del calendario.

Encontré este código que voy a copiar y pegar tal cual... antes que me muerdan, el código no es mío, pero lo que hace, básicamente, es crear un array con los eventos a mostrar y luego capturar el evento de seleccionar la fecha.

No lo he probado aún para saber qué pasa si quisiera seleccionar la misma fecha en la que hay un evento. Entiendo que debería funcionar de todos modos, pero, repito, no lo he probado.

ver más >

Este plugin es un tanto antiguo, pero como es la primera vez que lo necesito y aplico en una web, me pareció interesante compartirlo, sobre todo por la facilidad que tiene para ser usado.

En mi caso, lo utilizo para que el cliente pueda elegir el color que tendrá por CSS determinadas familias de productos y así cambiar el color según las familias.

Su implementación es muy simple. Sólo agregar el js y un css (además de jQuery, claro está).

ver más >

Últimamente me estoy encontrando con que muchos de mis proyectos requieren la integración de un "date picker" o selector de fecha. ¿No sabes qué es? Esos campos de texto de un formulario en el que te piden una fecha y, generalmente, tienen un botoncito que te abre un calendario flotante que, al seleccionar una fecha, desaparece y coloca la fecha seleccionada en el campo de texto en cuestión.

Pues bien, como casi casi siempre utilizo el mismo, me decidí a subirlo a mi web, aunque la versión original de este plugin, con su documentación completa y ejemplos de varios tipos, puede encontrarse en la web del autor: kelvinluck.

Aquí abajo, pego los 3 pasos para tener este bonito calendario en nuestros formulario de un modo más que rápido y, si quieres verlo antes de instalarlo, te dejo esta demostración online.

ver más >