How to force users to select the first date picker?

  • talhah.elsb
    Asked on June 12, 2020 at 9:10 AM

    Hi. Please advice me.

    Situation, i want to use date picker to select date range. Range from 1st date to 2nd date with different timestamp. So, i used 2 Date Picker.

    Example

    Start:

    11 /6/2020

    End:

    14/6/2020

    Problem occur when user also can select the date in enddate before date in startdate. Example,

    Start:

    14/6/2020

    End:

    11/6/2020

    Any warning to force user to select the correct date in enddate. The date in enddate must after startdate .

    Thanks.

  • Richie JotForm Support
    Replied on June 12, 2020 at 10:15 AM

    You may try to hide your end date picker field and show only once the start date picker field has been filled.

    How to force users to select the first date picker? Image 10

    Sample condition:

    How to force users to select the first date picker? Image 21

    Sample Form:

    https://form.jotform.com/201634466799064

    Please give it a try and let us know how if this fits your requirements.

  • talhah.elsb
    Replied on June 14, 2020 at 9:29 PM

    Great! I already tried. I got few question.


    1. You are using Appointment Element right? How you hide the slot area?

    2. Actually, i want validate the date. The condition is, If enddate is before startdate, the form will validate as error, and show error message. Did JotForm can do this condition? 


    Thanks in advance.

  • Vick_W Jotform Support
    Replied on June 15, 2020 at 3:28 AM

    Hey there,

    Thank you for writing back to us.

    In the sample form my colleague Richie provided you, he is using "Date Picker" element. Date was hidden using show/hide condition. You can check it as well by cloning his sample form. I've also added answer to your second question in the form. If end date is before the start date then a message will will appear. You can clone the form and check the conditions.

    https://form.jotform.com/201661410684955

    Please use following guide to see how you can clone a form.

    https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Let us know if you need further assistance.

    Looking forward to your response.

    Thanks.