| 5 | | To reproduce following sample can be used. |
| 6 | | Steps: |
| 7 | | 1. Save codes in file with extension html. |
| 8 | | 2. Open sample in browser. |
| 9 | | 3. Click mouse on left INPUT: drop-down calendar appears |
| 10 | | 4. Click mouse on right INPUT: drop-down calendar attempts to appear and at once disappears. Following clicks inside/outside of right INPUT do not show calendar. |
| 11 | | 5. Uncomment line with 1.8.16, comment line with 1.8.17 and repeat steps 1-4. Drop-down calendar works correctly. |
| 12 | | |
| 13 | | Codes: |
| 14 | | |
| 15 | | <!DOCTYPE html> |
| 16 | | <html xmlns="http://www.w3.org/1999/xhtml"> |
| 17 | | <head> |
| 18 | | <title></title> |
| 19 | | <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css" rel="stylesheet" /> |
| 20 | | <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script> |
| 21 | | <!-- |
| 22 | | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script> |
| 23 | | --> |
| 24 | | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.js"></script> |
| 25 | | |
| 26 | | <script type="text/javascript"> |
| 27 | | $(function() { |
| 28 | | $('.datepicker').datepicker({ showAnim: 'blind' }); |
| 29 | | }); |
| 30 | | </script> |
| 31 | | |
| 32 | | </head> |
| 33 | | <body> |
| 34 | | <form id="submit"> |
| 35 | | <input id="dp1" class="datepicker" type="text" />～<input id="dp2" class="datepicker" type="text" /> |
| 36 | | </form> |
| 37 | | </body> |
| 38 | | </html> |
| 39 | | |