jsFiddle/Gist demo - jQuery UI DatePicker

jsFiddle demo hosted on Gist using jQuery UI to display a popup calendar author(s): Gary Smith

by chrisk

HTML

<script src="/js/empty.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/i18n/jquery-ui-i18n.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/start/jquery-ui.css">
<div class="demo">
    
<p>Date: <input type="text" id="datepicker"/>&nbsp;
    <select id="locale">
        <option value="en-AU">English/Australia</option>
        <option value="en-NZ">English/New Zealand</option>
        <option value="en-GB">English/UK</option>
        <option value="en-US" selected="selected">English/USA</option>
    </select></p>

</div><!-- End demo -->

JavaScript

$(function() {
        $.datepicker.setDefaults( $.datepicker.regional[ "" ] );
        $( "#datepicker" ).datepicker( $.datepicker.regional[ "en-US" ] );
        $( "#locale" ).change(function() {
            $( "#datepicker" ).datepicker( "option",
                $.datepicker.regional[ $( this ).val() ] );
        });
    });