Bootstrap jQuery Localized Date Picker

This fiddle demonstrates using a Bootstrap style date picker input powered by the jQuery UI datepicker object utilising the jQuery localization features set from the browsers own language property.

by ichivers

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/themes/black-tie/jquery-ui.css">
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/i18n/jquery-ui-i18n.min.js"></script>
<body>
    <p>Language is: <span id="lang"></span>

    </p>
    <div class="input-prepend"> <span class="add-on"><i class="icon-calendar"></i></span>

        <input class="span2"
        id="myDate" type="text"></input>
    </div>
</body>

JavaScript

var language = window.navigator.userLanguage || window.navigator.language;
$('#lang').append(language);
if ($.datepicker.regional[language] != undefined) $.datepicker.setDefaults($.datepicker.regional[language]);
else if ($.datepicker.regional[language.substring(0, 2)] != undefined) $.datepicker.setDefaults($.datepicker.regional[language.substring(0, 2).toLowerCase()]);
else $.datepicker.setDefaults($.datepicker.regional['']);
$('#myDate').datepicker({
    clickInput: true
});