TimeFrame es un selector de fechas múltiple desarrollado con Prototype.
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í.
0 comentarios, 1 referencias
+
#