diff options
Diffstat (limited to 'demos/datepicker/localization.html')
| -rw-r--r-- | demos/datepicker/localization.html | 30 |
1 files changed, 19 insertions, 11 deletions
diff --git a/demos/datepicker/localization.html b/demos/datepicker/localization.html index 69835931a..9537567f7 100644 --- a/demos/datepicker/localization.html +++ b/demos/datepicker/localization.html @@ -7,11 +7,19 @@ <link rel="stylesheet" href="../../themes/base/all.css"> <link rel="stylesheet" href="../demos.css"> <script src="../../external/requirejs/require.js"></script> - <script src="../bootstrap.js" data-modules="i18n/datepicker-ar i18n/datepicker-fr i18n/datepicker-he i18n/datepicker-zh-TW"> - $( "#datepicker" ).datepicker( $.datepicker.regional[ "fr" ] ); - $( "#locale" ).on( "change", function() { - $( "#datepicker" ).datepicker( "option", - $.datepicker.regional[ $( this ).val() ] ); + <script src="../bootstrap.js" data-modules="external/localization"> + var datepicker = $( "#datepicker" ), + select = $( "#locale" ); + + datepicker.datepicker({ + locale: select.val() + }); + + select.on( "change", function() { + datepicker.datepicker( "option", { + locale: select.val() + }); + datepicker.datepicker( "valueAsDate", datepicker.datepicker( "valueAsDate" ) ); }); </script> </head> @@ -19,15 +27,15 @@ <p>Date: <input type="text" id="datepicker"/> <select id="locale"> - <option value="ar">Arabic (‫(العربية</option> - <option value="zh-TW">Chinese Traditional (繁體中文)</option> - <option value="">English</option> - <option value="fr" selected="selected">French (Français)</option> - <option value="he">Hebrew (‫(עברית</option> + <option value="ar">Arabic</option> + <option value="de" selected>German</option> + <option value="en">English</option> + <option value="es">Spanish</option> + <option value="zh">Chinese Simplified</option> </select></p> <div class="demo-description"> -<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> +<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> </div> </body> </html> |