1<!doctype html>
2<html lang = "en">
3 <head>
4 <meta charset = "utf-8">
5 <title>jQuery UI Datepicker functionality</title>
6 <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"
7 rel = "stylesheet">
8 <script src = "https://code.jquery.com/jquery-1.10.2.js"></script>
9 <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
10
11 <!-- Javascript -->
12 <script>
13 $(function() {
14 $( "#datepicker-13" ).datepicker();
15 $( "#datepicker-13" ).datepicker("show");
16 });
17 </script>
18 </head>
19
20 <body>
21 <!-- HTML -->
22 <p>Enter Date: <input type = "text" id = "datepicker-13"></p>
23 </body>
24</html>
1<!doctype html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <title>jQuery UI Datepicker - Default functionality</title>
7 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
8 <link rel="stylesheet" href="/resources/demos/style.css">
9 <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
10 <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
11 <script>
12
13 </script>
14</head>
15<body>
16
17<p>Date: <input type="text" id="datepicker"></p>
18
19
20</body>
21</html>
22