aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

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

(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í.