testing/ver0.01/jquery-ui-1.10.3.custom/development-bundle/demos/datepicker/localization.html

   1 <!doctype html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="utf-8">
   5         <title>jQuery UI Datepicker - Localize calendar</title>
   6         <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
   7         <script src="../../jquery-1.9.1.js"></script>
   8         <script src="../../ui/jquery.ui.core.js"></script>
   9         <script src="../../ui/jquery.ui.widget.js"></script>
  10         <script src="../../ui/jquery.ui.datepicker.js"></script>
  11         <script src="jquery.ui.datepicker-ar.js"></script>
  12         <script src="jquery.ui.datepicker-fr.js"></script>
  13         <script src="jquery.ui.datepicker-he.js"></script>
  14         <script src="jquery.ui.datepicker-zh-TW.js"></script>
  15         <link rel="stylesheet" href="../demos.css">
  16         <script>
  17         $(function() {
  18                 $( "#datepicker" ).datepicker( $.datepicker.regional[ "fr" ] );
  19                 $( "#locale" ).change(function() {
  20                         $( "#datepicker" ).datepicker( "option",
  21                                 $.datepicker.regional[ $( this ).val() ] );
  22                 });
  23         });
  24         </script>
  25 </head>
  26 <body>
  27
  28 <p>Date: <input type="text" id="datepicker"/>&nbsp;
  29         <select id="locale">
  30                 <option value="ar">Arabic (&#8235;(&#1575;&#1604;&#1593;&#1585;&#1576;&#1610;&#1577;</option>
  31                 <option value="zh-TW">Chinese Traditional (&#32321;&#39636;&#20013;&#25991;)</option>
  32                 <option value="">English</option>
  33                 <option value="fr" selected="selected">French (Fran&ccedil;ais)</option>
  34                 <option value="he">Hebrew (&#8235;(&#1506;&#1489;&#1512;&#1497;&#1514;</option>
  35         </select></p>
  36
  37 <div class="demo-description">
  38 <p>Localize the datepicker calendar language and format (English / Western formatting is the default).  The datepicker includes built-in support for languages that read right-to-left, such as Arabic and Hebrew.</p>
  39 </div>
  40 </body>
  41 </html>