Demo of Date Picker change event

Date:

HTML

Date:  <input type="text" id="date_picker1" size=9><div id=date_selected></div>

JQuery

<script>
$(document).ready(function() {
///////
$( "#date_picker1" ).datepicker({
dateFormat: 'dd-mm-yy'
})
///////
$('#date_picker1').change(function() {
//startDate = $(this).datepicker('getDate');
startDate = $('#date_picker1').val();
$('#date_selected').text(startDate);
})
////////////////
})
</script>