Evolve datepicker to select time as well (a.k.a. datetimepicker).

gaboom · gaboom · commit 56d471ffa2e6 · 2010-10-31T19:56:09.000+01:00
Thanks to Addy Osmani http://addyosmani.com/blog/the-missing-date-time-selector-for-jquery-ui/
diff --git a/demos/datepicker/datetime.html b/demos/datepicker/datetime.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>jQuery UI Datepicker - Select date and time as well</title>
+        <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+        <script src="../../jquery-1.4.3.js"></script>
+        <script src="../../ui/jquery.ui.core.js"></script>
+        <script src="../../ui/jquery.ui.widget.js"></script>
+        <script src="../../ui/jquery.ui.datepicker.js"></script>
+        <script src="../../ui/jquery.ui.mouse.js"></script>
+        <script src="../../ui/jquery.ui.slider.js"></script>
+        <script src="../../ui/jquery.ui.datetimepicker.js"></script>
+        <link rel="stylesheet" href="../demos.css">
+        <script>
+            $(function() {
+                $('#datepicker').datepicker({
+                    duration: '',
+                    showTime: true,
+                    constrainInput: false,
+                    stepMinutes: 1,
+                    stepHours: 1,
+                    altTimeField: '',
+                    time24h: true
+                });
+            });
+        </script>
+    </head>
+    <body>
+
+        <div class="demo">
+            <p>Date: <input type="text" id="datepicker"></p>
+        </div><!-- End demo -->
+
+
+        <div class="demo-description">
+            <p>Display the datepicker embedded in the page instead of in an overlay.  Simply call .datepicker() on a div instead of an input.</p>
+        </div><!-- End demo-description -->
+
+    </body>
+</html>
diff --git a/demos/datepicker/index.html b/demos/datepicker/index.html
@@ -13,6 +13,7 @@ <h4>Examples</h4>
 		<li class="demo-config-on"><a href="default.html">Default functionality</a></li>
 		<li><a href="date-formats.html">Format date</a></li>
 		<li><a href="min-max.html">Restrict date range</a></li>
+        <li><a href="datetime.html">Select date and time as well</a></li>
 		<li><a href="localization.html">Localize calendar</a></li>
 		<li><a href="alt-field.html">Populate alternate field</a></li>
 		<li><a href="inline.html">Display inline</a></li>
diff --git a/ui/jquery.ui.datetimepicker.js b/ui/jquery.ui.datetimepicker.js
