diff options
| author | Keith Wood <kbwood.au@gmail.com> | 2009-01-02 02:10:06 +0000 |
|---|---|---|
| committer | Keith Wood <kbwood.au@gmail.com> | 2009-01-02 02:10:06 +0000 |
| commit | 02c22e619602bfc09b8355b730baabbb1ef13206 (patch) | |
| tree | 54c1f869a4ab6e76d62735a5239cd50e0faed67e /demos/datepicker/date_formats.html | |
| parent | d76df156ce83cd484cc5691c86fecb0e58fab254 (diff) | |
| download | jquery-ui-02c22e619602bfc09b8355b730baabbb1ef13206.tar.gz jquery-ui-02c22e619602bfc09b8355b730baabbb1ef13206.zip | |
Additional datepicker demonstrations
Diffstat (limited to 'demos/datepicker/date_formats.html')
| -rw-r--r-- | demos/datepicker/date_formats.html | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/demos/datepicker/date_formats.html b/demos/datepicker/date_formats.html new file mode 100644 index 000000000..2e4decf1a --- /dev/null +++ b/demos/datepicker/date_formats.html @@ -0,0 +1,40 @@ +<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Datepicker - Date Formats</title>
+ <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="../../jquery-1.2.6.js"></script>
+ <script type="text/javascript" src="../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
+ <script type="text/javascript">
+ $(function() {
+ $("#datepicker").datepicker();
+ $("#format").change(function() { $('#datepicker').datepicker('option', {dateFormat: $(this).val()}); });
+ });
+ </script>
+</head>
+<body>
+
+<div class="demo">
+
+<p>Date: <input type="text" id="datepicker" size="30"/>
+ <select id="format">
+ <option value="mm/dd/yy">Default - mm/dd/yy</option>
+ <option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option>
+ <option value="d M, y">Short - d M, yy</option>
+ <option value="d MM, y">Medium - d MM, yy</option>
+ <option value="DD, d MM, yy">Full - DD, d MM, yy</option>
+ <option value="'day' d 'of' MM 'in the year' yy">With text - 'day' d 'of' MM 'in the year' yy</option>
+ </select></p>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>The datepicker may present the selected date in a variety of formats.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
|