Una tarea común, y que en algún momento todo programador debe enfrentar, es la relacionada al formateo de fechas con JavaScript, ya sea mediante la conversión de formatos o bien realizando cálculos entre dos o más fechas.

JavaScript cuenta con muchas funciones para la manipulación de fechas, no obstante hacer este tipo de cálculos no siempre es de lo más sencillo. Para facilitar el trabajo con fechas es que existe Moment.js, una pequeña biblioteca JavaScript que nos provee de algunas mecanismos sencillos para operar con fechas.

Formateo de fechas con JavaScript

moment().format('dddd, MMMM Do YYYY, h:mm:ss a');
moment().format('dddd [on the] wo [week of the year]');
moment().format("MMM Do 'YY");
moment().format(); // defaults to ISO-8601

Moment.js no solo sirve para la conversión de formatos de fechas y horas, tambien es extremadamente útil a la hora de realizar operaciones aritméticas y cálculos entre dos fechas distintas.

Calcular tiempo pasado desde una fecha

moment("2011-10-31", "YYYY-MM-DD").fromNow();

Un detalle que se encuentra contemplado en Moments.js y que no ocurre lo mismo con otras alternativas similares, es la representación de fechas según el país. Ese detalle se encuentra perfectamente estudiado en esta pequeña biblioteca, con ella podemos obtener las fechas en varios idiomas distintos y con apenas unas lineas de código.

Representar fechas según el idioma

English : Wednesday, April 18 2012 12:42 PM
Catalan : Dimecres 18 Abril 2012 12:42
Danish : Onsdag 18. April, 2012 12:42 PM
German : Mittwoch, 18. April 2012 12:42 Uhr
Spanish : Miércoles 18 Abril 2012 12:42
Basque : asteazkena, 2012ko apirilaren 18a 12:42
French : mercredi 18 avril 2012 12:42
Galician : Mércores 18 Abril 2012 12:42
Italian : Mercoledi, 18 Aprile 2012 12:42
Korean : 2012? 4? 18? ??? ?? 12? 42?
Norwegian : onsdag 18 april 2012 12:42
Dutch : woensdag 18 april 2012 12:42
Polish : ?roda, 18 kwiecie? 2012 12:42
Portuguese : Quarta-feira, 18 de Abril de 2012 12:42
Russian : ?????, 18 ?????? 2012 12:42
Swedish : onsdag 18 april 2012 12:42
Turkish : Çar?amba, 18 Nisan 2012 12:42
Chinese : ???, 18 ?? 2012 12:42 ??

Moments.js es muy liviano, apenas 3.7kb en su versión simplificada y comprimida mediante gzip. El autor provee la descarga de la versión de desarrollo, esto es particularmente útil para los que desean reducir aún más el tamaño de la biblioteca eliminando todo el código innecesario, por ejemplo, podemos quitar todo lo relacionado al idioma que no vamos a utilizar.

Web: Moments.js

jQuery File Upload es un proyecto de Sebastian Tschan, de descarga libre y gratuita, que nos permite agregar a nuestros proyectos la capacidad de subir archivos de la forma más sencilla y practica. Este fantástico Widget cuenta con ciertas características que lo convierten en un candidato obligatorio a la hora a de decidirse por un plugin para realizar upload de archivos.

Entre las principales características podemos destacar:

• Previsualización inmediata. Este widget crea una pequeña miniatura del archivo a subir, esto representa una gran ventaja de cara a la experiencia al usuario que puede ver si selecciono correctamente sus archivos antes de confirmar la subida de los mismos.
• Soporte drag&drop. Algo muy de moda últimamente y que probablemente se convierta en un estándar de la usabilidad en muy poco tiempo.
• Sencilla configuración. Con muy pocas lineas de código podemos definir el formato de archivo permitido, el tamaño de archivo máximo, y algunas consideraciones adicionales que son necesarias a la hora de implementar un widget de este tipo.

Codigo

<script>
$(function () {
    $('#fileupload').fileupload({
        dataType: 'json',
        url: 'server/php/',
        done: function (e, data) {
            $.each(data.result, function (index, file) {
                $('<p/>').text(file.name).appendTo(document.body);
            });
        }
    });
});
</script>

Este plugin funciona en todos los navegadores modernos, existe total soporte en Google Chrome, Mozilla Firefox y Safari, inclusive para la capacidad de arrastrar y soltar.

El proyecto utiliza el bootstrap de Twitter y los iconos de Glyphicons. Dos recursos ampliamente difundidos y probados por cientos de desarrolladores repartidos por todo el globo.

El widget funciona en casi todas las plataformas, testeado en: PHP, Python, Ruby on Rails, Java, Node.js, y Go.

Ver plugin en jQuery File Upload