maket/MaketRandevu
1
1
Fork 0
Code Issues 15 Pull requests Projects Releases 4 Packages Wiki 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

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

@ -87,20 +87,28 @@ App.Pages.Booking = (function () {
updateConfirmFrame(); updateConfirmFrame();
}, },
onMonthChange: (selectedDates) => { onMonthChange: () => {
setTimeout(() => {
const displayedMonthMoment = moment(instance.currentYearElement.value + '-' + (Number(instance.monthsDropdownContainer.value) + 1) + '-01');
App.Http.Booking.getUnavailableDates( App.Http.Booking.getUnavailableDates(
$selectProvider.val(), $selectProvider.val(),
$selectService.val(), $selectService.val(),
moment(selectedDates[0]).format('YYYY-MM-DD') displayedMonthMoment.format('YYYY-MM-DD')
); );
}, 500);
}, },
onYearChange: (selectedDates) => { onYearChange: () => {
setTimeout(() => {
const displayedMonthMoment = moment(instance.currentYearElement.value + '-' + (Number(instance.monthsDropdownContainer.value) + 1) + '-01');
App.Http.Booking.getUnavailableDates( App.Http.Booking.getUnavailableDates(
$selectProvider.val(), $selectProvider.val(),
$selectService.val(), $selectService.val(),
moment(selectedDates[0]).format('YYYY-MM-DD') displayedMonthMoment.format('YYYY-MM-DD')
); );
}, 500);
}, },
}); });
@ -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