Contenido

TimeFrame, selector múltiple de fechas para Prototype

17 Nov

+ 1

TimeFrame es un selector de fechas múltiple desarrollado con Prototype.

timeframe
(Ver Imagen)

El script nos permite configurar los aspectos básicos de un selector de fechas y además nos permite usar el formato de fechas similar al usado por DateJS.

<script type="text/javascript" charset="utf-8">
      //<![CDATA[
        new Timeframe('calendars', {
          startField: 'start',
          endField: 'end',
          earliest: new Date(),
          resetButton: 'reset' });
      //]]>
</script>

Parámetros

Como vemos en el ejemplo anterior, el primer parámetro hace referencia al ID del elemento que usaremos para alojar el calendario y el segúndo parámetro se trata de un objeto con una serie de opciones que especificarán el aspecto que ha de tener el selector.

months
Número de meses que mostramos (default: 2).
format
Formato para las fechas en los elementos <input /> (default: %b %d, %Y)
weekOffset
Fecha de inicio de la semana (usa 1 para empezar la semana en Lunes).
startField, endField
Declara un rango de inicio y fin. (por defecto lo genera automáticamente)
previousButton, todayButton, nextButton, resetButton
Declara los botones de navegación (por defecto lo genera automáticamente)
earliest, latest
Permite espeficiar los rangos de fechas anteriores o posteriores que no podrán ser seleccionadas
maxRange
Limita el máximo de días a la vez

Demo y Descarga

Si lo quieres ver funcionando o descargarlo para probarlo en tu local puedes hacerlo aquí.

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.