Selector de fecha de calendario mínimo con Pure JS-niceDatePicker
| Autor: | ollieSk8 |
|---|---|
| Views Total: | 3,707 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 26, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Un selector de fecha bastante agradable y fácil de estilo escrito en JS puro que permite al usuario seleccionar una fecha de una interfaz de calendario en línea.
Funcionamiento
Cargue el código JavaScript y la hoja de estilos de niceDatePicker en el documento cuando sea necesario.
<link rel="stylesheet" href="nice-date-picker.css"> <script src="nice-date-picker.js"></script>
El HTML básico:
<div id="calendar-demo"> <div id="calendar-demo-wrapper"></div> <span class="calendar-demo-msg"></span> </div>
Cree una nueva instancia del selector de fecha y la salida de la fecha seleccionada mediante la función ' onClickDate ' como esta:
new niceDatePicker({
dom:document.getElementById('calendar-demo-wrapper'),
onClickDate:function(date){
document.querySelector('.calendar-demo-msg').innerHTML='Your selected '+date;
}
}); Establezca el mes inicial & año.
new niceDatePicker({
dom:document.getElementById('calendar-demo-wrapper'),
onClickDate:function(date){
document.querySelector('.calendar-demo-msg').innerHTML='Your selected '+date;
},
year:2017,
month:5
}); Registro de cambios
09/26/2018
- Cambie CSS para no aplicar valores a enlaces al
