Issue with datepicker field format in Card Form

  • tjlphd
    Asked on August 27, 2019 at 8:37 AM

    I am using date picker.  I've gone through most of the date widgets and find them unacceptable so I seek you guidance.  I want a picker or point of entry that allows for month/day/year as (##/##/####)

    On the computer, my form allows for entry as follows:

    1566909100Screen Shot 2019 08 27 at 7 Screenshot 10

    I'm not sure how to get month/day/year... but this isn't the bigger problem.

    1566909145Screen Shot 2019 08 27 at 7 Screenshot 21

    On my website, when I'm in edit / preview mode, the phone mode appears to work the same as above. However, when I actually use my phone to run the survey, I get the following:


    1566909243Screenshot 20190827 075935 Chr Screenshot 32


    1566909324Screenshot 20190827 075922 Chr Screenshot 43


    Why the difference?  This format - on the phone - is not practical. It takes a long time to find and select a date 70 years ago - 1940s for example.


    Please explain why the form looks and behaves differently on the phone versus computer and what widget or app I can use to select a date of birth that allows direct entry of the information rather than scrolling to find the right date.

  • Richie JotForm Support
    Replied on August 27, 2019 at 10:11 AM

    We do apologize for the inconvenience.

    Can you please share to us the webpage you have embedded the form?

    I have checked your direct Form URL and it seems the datepicker format is mm/dd/yyyy.

    Issue with datepicker field format in Card Form Image 30

    However, it seems its the datepicker field is showing another format in the mobile view.

    Issue with datepicker field format in Card Form Image 1 Screenshot 41

    You may try the Birth date Picker widget.

    Issue with datepicker field format in Card Form Image 2 Screenshot 52

    https://widgets.jotform.com/widget/birthdate

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

  • tjlphd
    Replied on August 27, 2019 at 10:14 AM

    https://www.healthrevivalpartners.com/cda

  • tjlphd
    Replied on August 27, 2019 at 10:14 AM

    Please try it on a phone.

  • Richie JotForm Support
    Replied on August 27, 2019 at 10:45 AM

    I was able to replicate the issue with my mobile phone.

    Can you please try the birth date picker widget?

    Screenshot in mobile view:

    Issue with datepicker field format in Card Form Image 1 Screenshot 20

    https://widgets.jotform.com/widget/birthdate


    Please give it a try and let us know how it goes.

  • tjlphd
    Replied on August 27, 2019 at 11:47 AM

    I see your image but it doesn't work on my phone.

    I'm stuck with the mini date picker which, when you try to scroll, only show from 2019 to 2009.  You have to KNOW how to get below that. Most people will get stuck...

  • tjlphd
    Replied on August 27, 2019 at 11:57 AM

    Again - I don't see that rolling date option.  Mine are card forms and I'm viewing on an android device

  • jherwin
    Replied on August 27, 2019 at 12:54 PM

    I tried it on my android device as well and I can replicate the date picker you have in your screenshot.

    Date picker for android device works that way, only the iOS device or Safari browser can roll the date picker as my college showed in his screenshot.

    To go to an older year faster, you need to click this (please see screenshot below):
    1566924767ddbutton Screenshot 10
    Also, in this form or demo form: 92384850777976 I can choose any year I want. Can you please test it on your end?

  • jherwin
    Replied on August 27, 2019 at 1:35 PM

    Thank you for updating us. 

    Please feel free to contact us if you need any further assistance. We will be happy to assist you.