Elementor and Flatickr compatibilites
-
Is there a compatibility issue between Elementor and Flatpicker? I am using the following code:
function initializeWeekDaysFlatpickr(dateRanges, periods) {
flatpickr(selectElement, {
enable: dateRanges.map(range => ({
from: convertToFlatpickrDateFormat(range.from),
to: convertToFlatpickrDateFormat(range.to)
})),
dateFormat: "d/m/Y",
minDate: "today",
onChange: function(selectedDates, dateStr, instance) {
updateAddToCartButton();
},
onDayCreate: function(dObj, dStr, fp, dayElem) {
var date = dayElem.dateObj;
var day = date.getDay();
var isAllowedDay = false;
for (var i = 0; i < periods.length; i++) {
var period = periods[i];
var from = new Date(convertToFlatpickrDateFormat(period.tour_date_range.tour_start_date));
var to = new Date(convertToFlatpickrDateFormat(period.tour_date_range.tour_end_date));
if (date >= from && date <= to) {
if (period.tour_date_range.tour_days.includes(day)) {
isAllowedDay = true;
break;
}
}
}
if (!isAllowedDay) {
dayElem.classList.add('flatpickr-disabled');
dayElem.disabled = true;
}
}
});
}The
onDayCreate
function does not work when Elementor is active; all dates become selectable even though only certain dates should be selectable. This function works normally when Elementor is not activeI need a solution urgently as this project is scheduled for launch soon, and unfortunately, my client insists on using Elementor, which seems to have problems with Flatpickr.
- The topic ‘Elementor and Flatickr compatibilites’ is closed to new replies.