jQuery Date Picker Input Date Format
http://stackoverflow.com/questions/11104933/jquery-date-picker-input-date-format
by Juan Muñoz
HTML
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css">
Shown Field : <input id="thedate" type="text" /><br />
Hidden Field : <input id="thealtdate" type="text" /><br />
<input id="thesubmit" type="button" value="Submit" />
<hr>
<div class="wrapper">
<input type="text" value="" id="TxtStrtDate" name="foo">
<input type="text" value="" id="TxtExpDte" name="bar">
</div>
<hr><hr>
<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>
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
});
//
$(function(){
$('#thedate').datepicker({
dateFormat: 'dd-mm-yy',
altField: '#thealtdate',
altFormat: 'yy-mm-dd'
});
});
var TxtStrtDate = 'foo',
TxtExpDte = 'bar';
$("#TxtStrtDate, #TxtExpDte").datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3,
onSelect: function( selectedDate ) {
var option = this.id == "abc" ? "minDate" : "maxDate",
instance = $( this ).data( "datepicker" ),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not( this ).datepicker( "option", option, date );
}
});