ifl/iflrandevu
1
1
Fork 0
forked from mirrors/easyappointments
Code Issues 6 Pull requests Releases 3 Activity

Correct datepicker navigation issue in booking page

Browse source
This commit is contained in:
Alex Tselegidis 2023-02-13 09:13:36 +01:00
parent 122759b531
commit 7f534e51c7
1 changed files with 22 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
assets/js/pages/booking.js
View file

@ -87,22 +87,30 @@ App.Pages.Booking = (function () {
updateConfirmFrame(); updateConfirmFrame();
}, },
onMonthChange: (selectedDates) => { onMonthChange: () => {
App.Http.Booking.getUnavailableDates( setTimeout(() => {
$selectProvider.val(), const displayedMonthMoment = moment(instance.currentYearElement.value + '-' + (Number(instance.monthsDropdownContainer.value) + 1) + '-01');
$selectService.val(),
moment(selectedDates[0]).format('YYYY-MM-DD') App.Http.Booking.getUnavailableDates(
); $selectProvider.val(),
$selectService.val(),
displayedMonthMoment.format('YYYY-MM-DD')
);
}, 500);
}, },
onYearChange: (selectedDates) => { onYearChange: () => {
App.Http.Booking.getUnavailableDates( setTimeout(() => {
$selectProvider.val(), const displayedMonthMoment = moment(instance.currentYearElement.value + '-' + (Number(instance.monthsDropdownContainer.value) + 1) + '-01');
$selectService.val(),
moment(selectedDates[0]).format('YYYY-MM-DD') App.Http.Booking.getUnavailableDates(
); $selectProvider.val(),
$selectService.val(),
displayedMonthMoment.format('YYYY-MM-DD')
);
}, 500);
}, },
}); });
const browserTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone; const browserTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
const isTimezoneSupported = $selectTimezone.find(`option[value="${browserTimezone}"]`).length > 0; const isTimezoneSupported = $selectTimezone.find(`option[value="${browserTimezone}"]`).length > 0;
@ -733,7 +741,7 @@ App.Pages.Booking = (function () {
// Set Appointment Date // Set Appointment Date
const startMoment = moment(appointment.start_datetime); const startMoment = moment(appointment.start_datetime);
$selectDate[0]._flatpickr.setDate( startMoment.toDate()); $selectDate[0]._flatpickr.setDate(startMoment.toDate());
App.Http.Booking.getAvailableHours(startMoment.format('YYYY-MM-DD')); App.Http.Booking.getAvailableHours(startMoment.format('YYYY-MM-DD'));
// Apply Customer's Data // Apply Customer's Data