jQuery Load ajax method not loads calender plugin -
jquery code
$('#afterserviceselect').die('click').live('click', function () { var petkeys = $('#pets input:checked').map(function () { return $(this).val(); }).get().join('+'); $('#available-dates').load('/petbooking/getavailabledatesforservce/', { 'providerkey': '<%:model.provider.key%>', 'ownerkey': '<%:model.owner.key%>', 'serviceid': $('#ddlservice').val(), 'petkeys': petkeys, 'numberofdays': 90 }, function () { }); return false; }); main page html
<asp:content id="content2" contentplaceholderid="maincontent" runat="server"> <div id="available-dates"> </div> </asp:content> controller
[httppost] public actionresult getavailabledatesforservce(string providerkey, string ownerkey, string serviceid, string petkeys, string numberofdays) { var bookingfacadeservice = new bookingfacadeservice(); var model = new appointmentviewmodel { availabledates = bookingfacadeservice.getavailabledates(providerkey, ownerkey, serviceid, petkeys.split('+'), convert.toint32(numberofdays)).tolist() }; return partialview("dates", model); } dates partial view
var value = dates.any() ? dates.select(d => d.date.tostring("yyyy-mm-dd")).join(",") : ""; var monthcount = ((datetime.today.adddays(90).month - datetime.today.month + 1) + 12) % 12; %> <div id="dates" class="inline-multi-calendar" data-multi="true" data-months="<%: monthcount %>" data-min="<%: min %>" data-max="<%: max %>" data-disallowed="<%= string.join(",", model.unavailabledates.select(d => d.tostring("yyyy-mm-dd")).toarray()) %>" data-value="<%: value %>"> </div> ui should be

problem : when load calender above doesn't load calender.in other words partial page loads without calender (other stuff loads correctly).
but when load full page without ajax load method shows calender control.
so question how use ajax load calender control (my feeling calender plugin not load ajax call.so how can load ajax load method)?
Comments
Post a Comment