jQuery UI: Date Picker

Date Picker

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/smoothness/jquery-ui.css">
<input type="text" id="date" name="date" />

JavaScript

$( "#date" ).datepicker({
	defaultDate: "+1w",
	minDate: 0,
	firstDay: 0,
	dateFormat: 'dd-mm-yy',
	changeMonth: true,
	numberOfMonths: 1,
	onClose: function( selectedDate ) {
		
		/*var day1 = $("#booking-from").datepicker('getDate').getDate() + 1;                 
		var month1 = $("#booking-from").datepicker('getDate').getMonth();             
		var year1 = $("#booking-from").datepicker('getDate').getFullYear();
		year1 = year1.toString().substr(2,2);
		var fullDate = day1 + "-" + month1 + "-" + year1;*/			
		var minDate = $(this).datepicker('getDate');
        var newMin = new Date(minDate.setDate(minDate.getDate() + 1));
		$( "#booking-to" ).datepicker( "option", "minDate", newMin );
	}
});
$( "#booking-to" ).datepicker({
	defaultDate: "+1w",
	minDate: '+2d',
	changeMonth: true,
	firstDay: 0,
	dateFormat: 'dd-mm-yy',
	numberOfMonths: 1,
	onClose: function( selectedDate ) {
        var maxDate = $(this).datepicker('getDate');
        var newMax  = new Date(maxDate.setDate(maxDate.getDate() - 1));
		$( "#booking-from" ).datepicker( "option", "maxDate",  newMax);
	}
});

$("#booking-from").datepicker('setDate', '+1');
$("#booking-to").datepicker('setDate', '+8');