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 comment:1
| owner: | → olegarius |
|---|---|
| status: | new → pending |
Changed June 18, 2015 02:41PM UTC by 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: | pending → new |
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 comment:3
| resolution: | → worksforme |
|---|---|
| status: | new → closed |
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 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 comment:5
Please go read the comment in the other ticket again.
Changed June 18, 2015 06:51PM UTC by comment:6
Replying to [comment:5 scott.gonzalez]:
Please go read the comment in the other ticket again.
Ok. Got it. Thanks.
Please provide a reduced test case showing the problem.