how to call jquery UI datepicker using function?
i have 5 textboxes for datepicker. i need to call datepicker through this function.
<tr>
<td>Date</td>
<td>
<input type='text' readonly name="EXPDT1" id='EXPDT1'><img src="calendar.gif" name='imgCalendar' id='dat_img' onclick="return showCalendar('EXPDT1')" >
</td>
</tr>
<tr>
<td>Date</td>
<td>
<input type='text' readonly name="EXPDT2" id='EXPDT2'><img src="calendar.gif" name='imgCalendar' id='dat_img' onclick="return showCalendar('EXPDT2')" >
</td>
</tr>
<tr>
<td>Date</td>
<td>
<input type='text' readonly name="EXPDT3" id='EXPDT3'><img src="calendar.gif" name='imgCalendar' id='dat_img' onclick="return showCalendar('EXPDT3')" >
</td>
</tr>
<script>
function showCalendar10(inputId){
alert(inputId);
for(i=0;i<=inputId.length;$i++){
/*$( "#"+inputId).datepicker({
numberOfMonths: 2,
dayNamesMin: ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'],
changeYear:true,
changeMonth: true,
autoSize: true,
});*/
$( "#"+inputId ).datepicker();
}
}
</script>