Wix Bookings : getServiceAvailability() not working properly

Ask the community
, ,
3

Hello Jacob,

Thank you for your help. I’m trying to retrieve and display all the available slots for my classes on their individual custom service page. Unfortunately I can not share the site url but i’ll try to add pertinent screen captures to help you understand my issue.

This is the code, it’s quite exactly the same as the tutorial (i haven’t been able to go further yet)



$w.onReady(function () {
    $w('#dynamicDataset').onReady(() => {
        // this is how i retrieve the class id
        let selectedService = $w('#dynamicDataset').getCurrentItem()._id;

        //following the wix support tutorial
        let availableSlots;
        let slotOptions;
        let enabledDates;
        let selectedSlot;
        let slotIndex;
        
        wixBookings.getServiceAvailability(selectedService)
            .then( (availability) => {
                availableSlots = availability.slots;
                slotOptions = availableSlots.map((slot) => {
                    let date = slot.startDateTime;
                    return {
                        "slotDate": date.toLocaleDateString() + " " + date.toLocaleTimeString(),
                    }
                });
                $w('#slotTable').rows = slotOptions;
            });
    });
});

Using this code, this is how the slotTable looks like :

All the available slots are appearing just fine on the “premade” wix bookings service pages :

359×721 10.8 KB

Here is how the classes are set up on the wix bookings tool (this one is set up every monday and tuesday until june 2023)

Is the issue coming from the fact that they are set up weekly ? But isn’t it the point of the wix bookings app ?