Dual Datepicker
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/humanity/jquery-ui.css">
Depart: <input type="text" id="dep_date" /> Return: <input type="text" id="ret_date" />
CSS
html, .ui-widget { font-size: 0.9em; }
JavaScript
$("#dep_date").datepicker({
dateFormat: 'dd/mm/yy',
onSelect: function(dateText, inst) {
var date = $.datepicker.parseDate('dd/mm/yy', dateText);
var $ret_date = $("#ret_date");
$ret_date.datepicker("option", "defaultDate", date);
}
});
$("#ret_date").datepicker({
dateFormat: 'dd/mm/yy',
});