How Can I Set Date Limit to My Reservation Form

  • Profile Image
    Asked on October 11, 2019 at 01:55 AM

    i need to limit the date of reservation.The date picked must be minimum 3 days before the reservation date

    For example. I want to book session on 16 October 2019, so i have to book on before 13 October.

    I try to use widget but do not find this function.

    Hope you can help me on this

    This is a re-post of a comment on Customize Your Form Using Custom CSS Codes

  • Profile Image
    Answered on October 11, 2019 at 02:43 AM

    You can do via using "Date Picker". Please follow these steps.

    1. Click "Add Form Element" then add "Date Picker" which is under the "BASIC" tab

    2. Click Date Picker "Properties" then click "OPTIONS"

    3. Change Default Date as "CURRENT"

    4. Click "ADVANCED" then enable the "Hide Field" and "Read-only"

    5. Click "Field Details" then change "UNIQUE NAME" as "todayDate"



    6. Add one more "Date Picker" then click " Properties"

    7. Enable the "Required" Field

    8. Click the "LIMITS" tab and disable the "Past"


    9. Click the "ADVANCED" tab and "Field Details"

    10. Change "UNIQUE NAME" as "reservationDate"


    11. Click "Add Form Element" and "WIDGETS"

    12. Add "Form Calculation" widget


    13. Click "Widget Settings"

    14. Click "ADD FIELD" and add "Reservation Date" then click "-" and click "ADD FIELD" then "Today", save and exit from Widget Settıngs.


    15. Click "Properties" then "ADVANCED"

    16. Enable "Hide Field" then click "Field Details"

    17. Change "UNIQUE NAME" as "dateCalculation"


    18. Click form "SETTINGS --> CONDITIONS --> SHOW / HIDE FIELD"

    19. IF        --> Calculation

         STATE   --> Greater Than

         TARGET --> Value

         VALUE   --> 3

         DO        --> Show

         FIELD    --> Submit


    Also, I attach an example form here, you can see the Settings and Conditions,

    If you require any further assistance feel free to let us know.