Skip to main content

Search and Top Navigation

#13170 closed bug (worksforme)

Opened June 18, 2015 01:47PM UTC

Closed June 18, 2015 04:04PM UTC

Last modified June 18, 2015 06:51PM UTC

DatePicker - Calendar, the wrong field is updated

Reported by: olegarius Owned by: olegarius
Priority: minor Milestone: none
Component: ui.datepicker Version: 1.11.0
Keywords: Cc:
Blocked by: Blocking:
Description

Hi,

I have multiple forms, with the same fields classes. (Example: you display multiple items of the same type in different forms, it makes sense to have the same ids and names.)

<form id="formUser1">

<input type="text" class="f1abcdef">

</form> <form id="formUser2">

<input type="text" class="f1abcdef">

</form>

The DatePicker is displayed correctly, at the correct position on both field.

When I click on the second field/form, the datepicker popup at the right position, but the value is updated only in the first field. It means that when I try to change the date on the second field, the date on the first field is updated with a new value.

This issue was tested on IE9, Firefox 8.

This issue related on http://bugs.jqueryui.com/ticket/7985

Attachments (0)
Change History (6)

Changed June 18, 2015 01:51PM UTC by scottgonzalez comment:1

owner: → olegarius
status: newpending

Please provide a reduced test case showing the problem.

Changed June 18, 2015 02:41PM UTC by olegarius comment:2

_comment0: Ok. Small example: \ \ <form id="formUser1"> \ <input type="text" class="f1abcdef"> \ </form> \ <form id="formUser2"> \ <input type="text" class="f1abcdef"> \ </form> \ <script> \ $("#formUser1 .f1abcdef").datepicker({ dateFormat: 'yy/mm/dd'}); \ $("formUser2 .f1abcdef").datepicker({ dateFormat: 'yy/mm/dd'}); \ </script> \ \ When I click on formUser2 - datepicker change text field in formUser1.1434638541424318
status: pendingnew

Ok. Small example:

<form id="formUser1">

<input type="text" class="f1abcdef">

</form>

<form id="formUser2">

<input type="text" class="f1abcdef">

</form>

<script>

$("#formUser1 .f1abcdef").datepicker({ dateFormat: 'yy/mm/dd'});

$("#formUser2 .f1abcdef").datepicker({ dateFormat: 'yy/mm/dd'});

</script>

When I click on formUser2 - datepicker change text field in formUser1.

Changed June 18, 2015 04:04PM UTC by scottgonzalez comment:3

resolution: → worksforme
status: newclosed

Works fine for me: http://jsbin.com/mekezubece/1/edit?html,output

Tested in Chrome 43, Firefox 38, and IE 9.

Changed June 18, 2015 05:31PM UTC by olegarius comment:4

_comment0: Replying to [comment:3 scott.gonzalez]: \ > Works fine for me: http://jsbin.com/mekezubece/1/edit?html,output \ > \ > Tested in Chrome 43, Firefox 38, and IE 9. \ \ Sorry, but I little chang Your example and it does not work at all: http://jsbin.com/mejagawahe/edit?html,output \ \ As You can See, if we have for text-fields same '''ids''', even if we don't use them, we have this trouble.1434648775044020

Replying to [comment:3 scott.gonzalez]:

Works fine for me: http://jsbin.com/mekezubece/1/edit?html,output Tested in Chrome 43, Firefox 38, and IE 9.

<br>

Sorry, but I little change Your example and it does not work at all: http://jsbin.com/mejagawahe/edit?html,output

As You can See, if we have for text-fields same ids, even if we don't use them, we have this trouble.

Changed June 18, 2015 05:46PM UTC by scottgonzalez comment:5

Please go read the comment in the other ticket again.

Changed June 18, 2015 06:51PM UTC by olegarius comment:6

Replying to [comment:5 scott.gonzalez]:

Please go read the comment in the other ticket again.

Ok. Got it. Thanks.