<script src="common/libs_js/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="common/libs_js/jquery.ui.datepicker.js" type="text/javascript"></script>
<script type='text/javascript'>
$(window).load(function(){
$(".datepicker").attr ("readOnly" , "true" );
$(".datepicker").datepicker();
var dates = jQuery('.start_date, .end_date').datepicker("option",
"onSelect",
function(selectedDate){
var $this = $(this),
option = $this.hasClass("start_date") ? "minDate"
: "maxDate",
adjust = $this.hasClass("start_date") ? 1 : -1,
base_date = new Date(selectedDate),
new_date = new Date();
new_date.setDate(base_date.getDate() + (1 * adjust));
dates.not(this).datepicker("option", option, new_date);
var d1=new Date($("input[name='date1']").val());
var d2=new Date($("input[name='date2']").val());
$("input[name='numberofdays']").val((Math.abs((d2-d1)/86400000).toFixed(0)));
$("input[name='numberofdays']").attr('readonly',
true);
});
});
</script>