How to change time slots into time input

  • Resolved divemasterx

    (@divemasterx)


    1 month, 1 week ago

    Currently on my webpage I have “select date” and “select time columns, on the “select time” side I have time blocks like 9:00-9:30, 9:30-10:00, 10:00-10:30 etc. Is it possible to change it in a way that client will have “start time” and “end time” selector so he can select multiple hours at once? (like 10:30 – 15:00 or so)

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author wpdevelop

    (@wpdevelop)

    Hello.
    Yes, it’s possible to use the start time and End time selection in the booking form at the WP Booking Calendar > Settings > Booking Form page. The configuration of the end time is a little tricky in the actual ,version of Booking Calendar. You need to create a new selectbox with field name “endtime”. It is reserved name, and you need to enter it correctly. Then add the times selection, in the same way as you did it for the start time field.

    The option format is “Title@@Time,” where “Title” is any text (typically the time in AM/PM format) and “Time” is defined in the 24-hour format (HH:MM), where HH = hours (00 to 23) and MM = minutes (00 to 59).

    For example:

    10:00 AM@@10:00
    10:30 AM@@10:30
    11:00 AM@@11:00
    11:30 AM@@11:30
    12:00 PM@@12:00
    12:30 PM@@12:30
    1:00 PM@@13:00
    1:30 PM@@13:30
    2:00 PM@@14:00
    2:30 PM@@14:30
    3:00 PM@@15:00
    3:30 PM@@15:30
    4:00 PM@@16:00
    4:30 PM@@16:30
    5:00 PM@@17:00
    5:30 PM@@17:30
    6:00 PM@@18:00

    1) Add the Start time like this:

      2) Now select the Select Dropdown field in top toolbar and configure the endtime like this:

      Important! Be sure to have the name of field as: “endtime“

      3) You will have the booking form like this:

        Kind Regards.

        Thread Starter divemasterx

        (@divemasterx)

        Thank you very much for super fast response! I am getting it to work, the only question left, is there way to get input field or drop menu instead of list of hours?

        Plugin Author wpdevelop

        (@wpdevelop)

        You can disable this option “Time picker for time slots” at the WP Booking Calendar > Settings General page in “Time Slots” section to show the time fields as drop-down list.

        Kind Regards.

        Thread Starter divemasterx

        (@divemasterx)

        Everything is working great! Thanks so much! Is there any way to list this drop list in one column? It shows like this https://imgur.com/a/rc7wbY1 regardless of the column setting (1 or default 2) in layout section.

        Plugin Author wpdevelop

        (@wpdevelop)

        Hello.

        You need to select the “Form Layout” at the WP Booking Calendar > Settings > Booking Form page different from the Wizard style.

        If you select “Wizard style” the times fields positioned only in 2 columns in Booking Calendar Free version.

        Kind Regards.

        Thread Starter divemasterx

        (@divemasterx)

        Sorry I wasnt clear, I meant someting like this (photoshopped) https://imgur.com/a/b3Jj654

        Plugin Author wpdevelop

        (@wpdevelop)

        It is Wizard style layout (where you click on “Next / Back” ) buttons to go to next / prior steps.

        If you select “Wizard style” the times fields positioned only in 2 columns in Booking Calendar Free version. In this Wizard Style possible to configure time fields (like in your screenshot) only in the paid versions of Booking Calendar in Advanced form mode.

        Kind Regards.

        Thread Starter divemasterx

        (@divemasterx)

        So in wizard or creator mode it will look like this regardless if I select 1 2 or 3 columns in form layout settings?

        Plugin Author wpdevelop

        (@wpdevelop)

        Hello.
        Yes, correct.

        If you selected for the option “Form Layout” the “Wizard (several steps)” or “Wizard (Steps Timeline)” option, then at the step near calendar the positioning of Time Fields is – several columns, does not depends from the selected option “Columns number”.

        Kind Regards.

      Viewing 9 replies - 1 through 9 (of 9 total)
      • You must be logged in to reply to this topic.