Estoy tratando de usar el complemento flatpickr para crear un rango como selectores en dos entradas diferentes. Una entrada sería para From y la otra para To .
Intenté lo siguiente, pero minDate y maxDate no se configuraron como se esperaba
document.addEventListener('DOMContentLoaded', function () { let dateTimeFrom = document.getElementById('From'); let dateTimeTo = document.getElementById('To'); let dateTimeFromPicker = flatpickr(dateTimeFrom, { enableTime: true, dateFormat: 'n/j/Y h:i K', onChange: function (selectedDates, dateStr, instance) { dateTimeTo.set('minDate', selectedDates[0]); } }); let dateTimeToPicker = flatpickr(dateTimeTo, { enableTime: true, dateFormat: 'n/j/Y h:i K', onChange: function (selectedDates, dateStr, instance) { dateTimeFrom.set('maxDate', selectedDates[0]); } }); });¿Cómo puedo configurar correctamente el rango en dos entradas?
Pude hacerlo funcionar usando el siguiente fragmento
document.addEventListener('DOMContentLoaded', function () { let dateTimeFrom = document.getElementById('From'); let dateTimeTo = document.getElementById('To'); let dateTimeToPicker = null; let dateTimeFromPicker = flatpickr(dateTimeFrom, { enableTime: true, dateFormat: 'n/j/Y h:i K', onChange: function (selectedDates, dateStr, instance) { dateTimeToPicker.set('minDate', selectedDates[0]); } }); dateTimeToPicker = flatpickr(dateTimeTo, { enableTime: true, dateFormat: 'n/j/Y h:i K', onChange: function (selectedDates, dateStr, instance) { dateTimeFromPicker.set('maxDate', selectedDates[0]); } }); });