External Jquery date picker not working

  • Profile Image
    nalusurfcamp
    Asked on January 12, 2017 at 07: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

  • Profile Image
    jonathan
    Answered 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.

    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.

     

  • Profile Image
    nalusurfcamp
    Answered on January 13, 2017 at 01: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. 

  • Profile Image
    Mike_G
    Answered on January 13, 2017 at 05: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?

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

    Thank you.

  • Profile Image
    Mike_G
    Answered on January 13, 2017 at 05: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?

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

    Thank you.

  • Profile Image
    nalusurfcamp
    Answered on January 13, 2017 at 06:35 AM

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

  • Profile Image
    ashwin_d
    Answered on January 13, 2017 at 07: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!