Calendario simple de DatePicker en Vanilla JavaScript-DatePicker. js
| Autor: | TheOfficialSimon |
|---|---|
| Views Total: | 265 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 12, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Un selector de fecha simple, ligero y configurable que funciona con el campo de entrada y está escrito en JavaScript/CSS puro.
See also:
Funcionamiento
Para usar el selector de fecha, incluya la hoja de estilos DatePicker. CSS y JavaScript DatePicker. js en la página.
<!-- Datepicker.css --> <link rel="stylesheet" href="datepicker.css"> <!-- Datepicker.js --> <script src="datepicker.js"></script>
Inicializar el selector de fecha en un campo de entrada.
<input type="text" id="datepicker" autocomplete="off"></input>
const instance = new Datepicker(document.getElementById("datepicker")); Especifique la primera & últimas fechas.
instance.config({
firstdate: new Date(2019, 0, 1), // 01/01/2019
lastdate: new Date(2019, 11, 31) // 12/31/2019
}); Activar/desactivar fechas en el calendario.
instance.config({
disableddays: instance => { return (instance.getDay() > 0 && instance.getDay() < 6); }
}); Formatee la fecha de salida.
instance.config({
format: instance => { return (months_short[instance.getMonth()] + " " + instance.getDate()); }
}); Obtener la selección de fecha.
instance.getDate();
Registro de cambios
03/12/2019
- Se ha corregido el encabezado que no se centraba
03/08/2019
- Añadido selector de mes (haga clic en el nombre del mes)
