Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.


Share this Page URL
Help

Localizing Date Selection > Localizing Date Selection - Pg. 648

CHAPTER 21 USING THE DATEPICKER WIDGET <link rel="stylesheet" type="text/css" href="styles.css"/> <link rel="stylesheet" type="text/css" href="jquery-ui-1.8.16.custom.css"/> <style type="text/css"> input {width: 200px; text-align: left; margin-right: 10px} #wrapper > * {float: left} </style> <script type="text/javascript"> $(document).ready(function() { $('#inline').datepicker($.datepicker.regional["es"]); }); </script> </head> <body> <h1>Jacqui's Flower Shop</h1> <form method="post" action="http://node.jacquisflowershop.com/order"> <div id="wrapper" class="ui-widget"> <label for="datep">Date: </label><input id="datep"/><span id="inline"></span> </div> </form> </body> </html> The jquery-ui-i18n.js file can be found in the development-bundle/ui/i18n folder of the customized jQuery UI download you created in Chapter 17. Copy this file into place alongside the main jQuery and jQuery UI script files and add the following to your document: <script src="jquery-ui-i18n.js" type="text/javascript"></script>