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 | | |