webpack-bootstrap-ui-kit/src/js/ui/datepicker.js

31 lines
712 B
JavaScript
Raw Permalink Normal View History

2022-05-03 20:50:57 +02:00
import Events from '../_events'
import Datepicker from 'vanillajs-datepicker/Datepicker'
2021-09-13 00:25:23 +02:00
const init = () => {
2023-03-28 13:25:33 +02:00
document.querySelectorAll('input.js-datepicker').forEach((el, i) => {
if( el.dataset.ui ){
return
}
const datesNum = el.dataset.datesNum;
const picker = new Datepicker(el,{
buttonClass: 'btn',
autohide: true,
maxNumberOfDates: datesNum ? datesNum : 1,
})
2023-04-04 21:36:47 +02:00
el.addEventListener('changeDate', (e) => {
e.currentTarget.dispatchEvent(new Event('change'));
})
2022-05-03 20:50:57 +02:00
el.ui = picker
2023-03-28 13:25:33 +02:00
el.dataset.ui = true
2022-05-03 20:50:57 +02:00
})
}
2021-09-13 00:25:23 +02:00
2022-05-03 20:50:57 +02:00
window.addEventListener(`${Events.LODEDANDREADY}`, init)
window.addEventListener(`${Events.AJAX}`, init)
2021-09-13 00:25:23 +02:00
2022-05-03 20:50:57 +02:00
export default Datepicker