Issue with multiple datepicker instances

Resolved

(@graphity)

Hi there,

we have an issue with multiple datepicker instances on one page. This means we have basically the following HTML (of course there is more stuff around it on the real page):

<input type="text" name="15001.019.1600.16-date" class="datepicker" value="20/09/2018" placeholder="dd/mm/yyyy" data-default-val="20/09/2018" autocomplete="off" data-cip-id="cIPJQ342845640">
<input type="text" name="15001.100.1000.16-date" class="datepicker" value="31/08/2018" placeholder="dd/mm/yyyy" data-default-val="31/08/2018" autocomplete="off" data-cip-id="cIPJQ342845642">

As soon as I mouseover the first element, this changes to:

<input type="text" name="15001.019.1600.16-date" class="datepicker hasDatepicker" value="20/09/2018" placeholder="dd/mm/yyyy" data-default-val="20/09/2018" autocomplete="off" data-cip-id="cIPJQ342845640" id="dp1535552560317" readonly="readonly">
<input type="text" name="15001.100.1000.16-date" class="datepicker hasDatepicker" value="31/08/2018" placeholder="dd/mm/yyyy" data-default-val="31/08/2018" autocomplete="off" data-cip-id="cIPJQ342845642" id="dp1535552560318" readonly="readonly">

The weird thing is: Both input field show the first input’s value (although value and data-default-val is different) after this mouseover. Both show 20/09/2018.

As this page is still under construction, I can’t give you a link to it.

Viewing 9 replies - 1 through 9 (of 9 total)

Thread Starter Graphity
(@graphity)

5 years, 7 months ago

Perhaps you could provide a “barebone” jsfiddle with our functions so I can try to reproduce the issue there?

Plugin Author Fahad Mahmood
(@fahadmahmood)

5 years, 7 months ago

Please create a jsfiddle for this so i can suggest something better.

Thread Starter Graphity
(@graphity)

5 years, 7 months ago

Hm, could you please provide a barebone jsfiddle where I can add my form elements? I’m not sure where to load those CSS, JS etc. you use, from.

Plugin Author Fahad Mahmood
(@fahadmahmood)

5 years, 7 months ago

Can you please skip this part and wait until you bring it all live? I am a little busy and can’t setup a complete demo for you but you can check it here
http://demo.androidbubble.com/wp-datepicker/
i can assign you admin rights to check it on my website like this.

Thread Starter Graphity
(@graphity)

5 years, 7 months ago

Hi WordPress Mechanic,

thanks for you replies and your offer to make me admin.
I found a “solution” or “the problem”. Not sure, but it helps to comment out line 384 in file functions.php:
$("<?php echo $wpdp_selector; ?>").val($("<?php echo $wpdp_selector; ?>").data('default-val'));

My guess is, jQuery sets that val to _all_ selected elements instead of _each_. I.e. the first default-val is set as val to all.

If you still need an example, email me at raul.pinto@graphity-consulting.com to give me admin access to that wordpress so I can reproduce the issue.

Yours
Raul
Thread Starter Graphity
(@graphity)

5 years, 7 months ago
Hi again,

I tried fixing it. I came up with the following solution.
Of course, I only tested it for my case:
```
$("<?php echo $wpdp_selector; ?>").each(function(index, element) {
    element = $(element);
    if(element.data('default-val') !== "") {
        element.val(element.data('default-val'));
    }
});
```
You hereby have the permission to use this code in your plugin for free, but I take not responsibility about issues with this 🙂
Plugin Author Fahad Mahmood
(@fahadmahmood)

5 years, 7 months ago

I am releasing an updated version 1.5.2. Once you will confirm that it’s working good so i will release it as a stable version. Thank you for this good catch.

I have acknowledged you in upcoming changelog
Try this version
https://downloads.wordpress.org/plugin/wp-datepicker.1.5.2.zip

Regards,
Fahad

Thread Starter Graphity
(@graphity)

5 years, 7 months ago

Hi Fahad,

great. We tested it and it worked for our case.

Thank you again for your fast replies.

Yours
Graphity

Plugin Author Fahad Mahmood
(@fahadmahmood)

5 years, 7 months ago

Ok, i am releasing it as stable version now.

Thank You

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Issue with multiple datepicker instances’ is closed to new replies.