Support » Plugin: Date Time Picker Field » Using plugin w/ Elementor popup

  • Resolved rodrigocid

    (@rodrigocid)


    Hi.
    The plugin works fine while I am editing the popup, but doesn’t show up at runtime.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Carlos Moreira

    (@carlosmoreirapt)

    Hi @rodrigocid
    The link you shared is for a private preview page, can you share the link to a published page so I can check? It will most likely be a javascript conflict with some other element on the page.

    in this link “https://tourdrive.qloudyx.pt/tour-lisboa”, when you click in the button on top “reserve já”, show popup and the field “Data” has your plugin.

    I testing in a simple page and works fine.

    • This reply was modified 4 months, 1 week ago by rodrigocid.
    Plugin Author Carlos Moreira

    (@carlosmoreirapt)

    Hi @rodrigocid thank you for sharing the link.
    The website looks really nice, congratulations.

    There are a few issues, not sure we’ll be able to make it work.
    The first issue is that you’re using a id selector, which should be unique, but there are 2 fields with the same id on the page (seems there are 2 hidden forms) so one thing to do is to set a custom class for those fields and use that class as the selector, or use something other than the #id as the selector, for example:

    input[placeholder='Data']

    The second issue is that the script is not able to determine the data field when hidden. So we would need to trigger the code when the popup is open. To do so, you would need to add some custom js code somewhere on your page:

    jQuery('.elementor-button-link').on('click',function(){
    setTimeout(function(){dtp_init();},500);
    });

    Since the button doesn’t have a unique ID I used a normal class selector, but the best would be for it to have a unique ID.

    Once you get this working, you’ll notice a third issue: when we select a date, the popup interprets this as a click outside the popup and closes automatically. This one is a bit more tricky to solve, so not sure if it’s worth it.

    You may have to try a different datepicker plugin unfortunately.
    Sorry for the limitations but hope the info helps.
    Greetings, Carlos

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.