Datepicker date format change isn't working
I have the following code for a date range datepicker:
<script>
$( function() {
var dateFormat = "dd/mm/yy",
from = $( "#DatePaid" )
.datepicker({
defaultDate: "-1w",
changeMonth: true,
changeYear: true,
numberOfMonths: 1
})
.on( "change", function() {
to.datepicker( "option", "minDate", getDate( this ) );
}),
to = $( "#DatePaidTo" ).datepicker({
defaultDate: "",
changeMonth: true,
changeYear: true,
numberOfMonths: 1
})
.on( "change", function() {
from.datepicker( "option", "maxDate", getDate( this ) );
});
function getDate( element ) {
var date;
try {
date = $.datepicker.parseDate( dateFormat, element.value );
} catch( error ) {
date = null;
}
return date;
}
} );
</script>
<input id="DatePaid" name="DatePaid" type="text" value="" class="formTextfield_Medium" autocomplete="off" />
<input id="DatePaidTo" name="DatePaidTo" type="text" value="" class="formTextfield_Medium" autocomplete="off" />
However the date is still displaying in the format mm/dd/yy instead of dd/mm/yy. Can you see what I've done wrong?