External Jquery date picker not working

  • nalusurfcamp
    Asked on January 12, 2017 at 7:24 PM

    Hello,

     

    I need your help. I used an external jquery date picker on my site and I'm trying to apply it to 2 of the fields on my jot form however it's not working.

    http://www.nalusurfcamp.ph/book-now.php

     

    If you check the top bar, the date picker are showing with no issues. What do you suggest to make this work? I already tried to insert the whole source code from the embed option in jotform but also no dice.

    Camille

  • jonathan
    Replied on January 12, 2017 at 11:09 PM

    If I understand correctly what you are after, you want to pass the field data from your custom jquery date picker to that of the date fields in the form https://www.jotform.me/form/70098789207468 within  your website page.

    External Jquery date picker not working Image 1 Screenshot 20

    Can you please confirm first if this is what you actually wanted to achieve.

    ---

    Just in case I was correct in my initial assumption, this is usually achieved by using the form's full source code and inject custom script code that will trigger the passing of field data between the input fields.

    Here is a discussion thread about such functionality.

     

  • nalusurfcamp
    Replied on January 13, 2017 at 1:25 AM

    When someone clicks on the start date and end date box, it should show a calendar pop up box (i'm using jquery datepicker) just like on the checkin/out box at the top bar on the page. I made sure the textbox id is set to input_14 and input_15 just like the ones on the topbar but still not working. 

  • Mike_G JotForm Support
    Replied on January 13, 2017 at 5:18 AM

    I have checked your form and I see that you have used textbox fields (under Basic Fields) for the "Start Date" and "End Date" fields on your form. May I suggest you use the "DateTime" field (under Quick Fields) for those fields instead, please?

    External Jquery date picker not working Image 1 Screenshot 20

    I hope that helps solves your issue. If you have other questions regarding this, please feel free to contact us again anytime.

    Thank you.

  • Mike_G JotForm Support
    Replied on January 13, 2017 at 5:18 AM

    I have checked your form and I see that you have used textbox fields (under Basic Fields) for the "Start Date" and "End Date" fields on your form. May I suggest you use the "DateTime" field (under Quick Fields) for those fields instead, please?

    External Jquery date picker not working Image 1 Screenshot 20

    I hope that helps solves your issue. If you have other questions regarding this, please feel free to contact us again anytime.

    Thank you.

  • nalusurfcamp
    Replied on January 13, 2017 at 6:35 AM

    I used a textbox because I want to use my own jquery datepicker script. is this not possible with jotform?

  • Ashwin JotForm Support
    Replied on January 13, 2017 at 7:17 AM

    Hello nalusurfcamp,

    You cannot use your own jquery datepicker code in Jotform. One way to achieve your requirement is to download your form's full source code and then add your own jquery code to show datepicker and populate the textbox you have added. The following guide should help you how to download your form's full source code:  https://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!