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">
18 $.datepicker.setDefaults( $.datepicker.regional[ "" ] );
19 $( "#datepicker" ).datepicker( $.datepicker.regional[ "fr" ] );
20 $( "#locale" ).change(function() {
21 $( "#datepicker" ).datepicker( "option",
22 $.datepicker.regional[ $( this ).val() ] );
29 <p>Date: <input type="text" id="datepicker"/>
31 <option value="ar">Arabic (‫(لعربي</option>
32 <option value="zh-TW">Chinese Traditional (繁體中文)</option>
33 <option value="fr" selected="selected">French (Français)</option>
34 <option value="he">Hebrew (‫(עברית</option>
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>