Dynamic time slot in bubble

pranaytaunk · 2024-11-26T19:01:56.932Z

Hi guys!

I am new to bubble and I am trying to build a time and duration based service web app. Currently, I am unable to figure out how do I build a feature where the users can select/input their start and end time for availing the service in a particular date. Once selected, if the service is available by the service provider, the user can book the same. Please note: the time slot is dynamic since the duration chosen by the user can vary.

Thanks in advance for any advice!

jupixy · 2024-11-26T22:20:21.849Z

Okay. I think you should descripe your service a bit more.
You could provide a frontend where user A can select date (range) and timeslot(s). After that store that data in the database.
In your enduser’s page you could provide a calendar object for example to present the timeslots stored in the db.
That way maybe … ?
Best,
jupxi

pranaytaunk · 2024-11-27T02:42:50.698Z

The service I am trying to provide is- Time based hotel booking. Instead of booking a hotel for the whole day, the users can book the hotel for the duration they desire (1 hour, 2hours, etc.).

For example- if the user chooses to book the hotel for duration of 3 hours, then the time range that the user can select should also be of 3 hours (example- 4pm- 7pm). When the user selects the booking time (4pm- 7pm) and the hotel is booked from 5pm- 7pm already, then the user should not get an option to book the hotel.

jupixy · 2024-12-02T17:08:47.982Z

Okay.
You could create a table in your database “bookings”.
In this table you can store all bookings (on a daily base).

Table structure with demo record:

DATETime // StartDateTime // EndDateTime // …
-------------//---------------------//----------------//…
02/15/2024 12:00:00 am// 02/15/2024 08:00:00 am // 02/15/2024 10:00:00 am // …

You can create a repeating group with 16 rows (for example 16 hrs to book the hotelroom per day) . In the RG’s elements you can display the time slot (08:00 - 09:00 am) and enable the user to select it (or something…). Then you should integrate a condition that disables the current time slot booking checkbox (or something) by checking the db with a do a search by… and search the db, if the current date and timeslot (coming from the RG) has an entry in the db (count > 0) then disable the booking checkbox to prevent the booking for the current timeslot on that day.
Oh oh… my english is not so well as you can see. I hope, I could explain it a bit…
Best,
jupxi
If a user selects a day (date dropdown/picker) then you could

boston85719 · 2024-12-03T09:41:24.255Z

This plugin provides the functionality you are looking for

Bubble

Templates for Bubble

Buy and sell Bubble templates to speed up app development. Bubble is a visual programing language that lets you build apps without code.

pranaytaunk · 2024-12-08T04:33:15.547Z

Thanks!

pranaytaunk · 2024-12-08T04:33:28.290Z

I will check it out!

system · 2025-02-04T19:02:09.654Z

This topic was automatically closed after 70 days. New replies are no longer allowed.