<
head > < meta charset ="utf-8"> < title > jQuery UI Datepicker - Select a Date Range </ title > < link type ="text/css" href ="/css/ui-lightness/jquery-ui-1.8.10.custom.css" rel ="Stylesheet" /> < script type ="text/javascript" src ="../js/jquery-1.4.4.min.js"></ script > < script type ="text/javascript" src ="../js/jquery-ui-1.8.10.custom.min.js"></ script > < table cellspacing ="0" align ="left" cellpadding ="0" border ="0" style =" margin-left : 7px ; width : 7% ; height : 29px ; " > < tr > < asp : DropDownList ID ="ddInstitutionNames2" style =" margin-left : 500px" width ="100" align ="right" runat ="server"> </ asp : DropDownList > < script >$(
function () { var dates = $( "#from, #to" ).datepicker({defaultDate:
"+1w" ,changeMonth:
true ,numberOfMonths: 1,
onSelect:
function ( selectedDate ) { var option = this .id == "from" ? "minDate" : "maxDate" ,instance = $(
this ).data( "datepicker" ),date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not(
this ).datepicker( "option" , option, date );}
});
});
</ script > < tr /> </ table ></
head >