Ticket #6042: TestDatePicker.html

File TestDatePicker.html, 1.2 KB (added by maz, 9 years ago)

File to reproduce the bug on keyup event

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" >
3<head>
4    <title>Datepicker KeyUp Bug</title>
5    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" ></script>
6    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js" ></script>
7    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/base/jquery-ui.css" type="text/css" rel="stylesheet" />
8    <style type="text/css">
9        body { background-color: #e0e0ff; margin: 5px; }
10        body, input, button { font: 8pt sans-serif; }
11        p { margin: 15px 10px; }
12        p.date { background-color: #ffffe0; padding: 3px; }
13    </style>
14</head>
15<body>
16    <p class="date">
17        Date: <input type="text" name="date" id="dateField" value="09/20/2010" />
18    </p>
19    <p>Other</p>
20    <p>content</p>
21    <p>goes</p>
22    <p>here.</p>
23    <script type="text/javascript">
24        $(function() {
25            $('#dateField').datepicker({showOn: 'button'});
26        });
27    </script>
28</body>
29</html>