Selector simple de intervalo de fechas de JavaScript puro: tripPicker

Tiempo de ejecución: 30 minutos. Empezar

Autor: Rogant
Views Total: 5,195
Sitio oficial: Ir a la web
Actualizado: May 30, 2016
Licencia: MIT

Vista prévia

Selector simple de intervalo de fechas de JavaScript puro: tripPicker

Descripción

tripPicker es una biblioteca de JavaScript pura que ayuda al usuario a seleccionar un rango de fechas de una manera sencilla.

Funcionamiento

Incluya DatePicker. CSS y DatePicker. js en la Página Web.

<link rel="stylesheet" href="datepicker/datepicker.css">
<script src="datepicker/datepicker.js"></script>

Cree 2 campos de entrada para el selector de intervalo de fechas.

<input type="text" class="startDate" placeholder="Start">
<input type="text" class="endDate" placeholder="End">

Cree un nuevo objeto datePicker y especifique las entradas de fecha de inicio/fin como esta:

var tripDatePicker = new datePicker({


start:
document.getElementsByClassName('startDate'),


end:

document.getElementsByClassName('endDate'),
});

Especifique cuántos meses se mostrarán en el selector de intervalo de fechas.

var tripDatePicker = new datePicker({


start:
document.getElementsByClassName('startDate'),


end:

document.getElementsByClassName('endDate'),


months: 2,
});

Te puede interesar: