Validar Fechas usando Calendar Extender y Javascript ASP.NET

¿Cómo puedo usar Javascript para desactivar los sábados y domingos en mi Extensor de calendar?

En este momento, estoy usando el código detrás para deshabilitar la date anterior como en esta carga de la página.

public partial class TESTING : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { txtDelivery_CalendarExtender.StartDate = DateTime.Now; } } 

Controles ASP.NET

 <asp:TextBox ID="txtDelivery" runat="server"></asp:TextBox> <asp:CalendarExtender ID="txtDelivery_CalendarExtender" runat="server" PopupButtonID="ImageButton1" TargetControlID="txtDelivery" > </asp:CalendarExtender> <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/Calendar.png" /> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> 

Además, me gustaría desactivar el range específico de días a partir de hoy.

Por ejemplo, si hoy es el 4 de noviembre de 2012 y quiero tener 10 días hábiles, las dates entre el 4 y el 14 de noviembre deben estar deshabilitadas.

Gracias por adelantado.

Para deshabilitar el fin de semana, modifique su marca de control como se muestra a continuación

 <asp:CalendarExtender ID="txtDelivery_CalendarExtender" runat="server" PopupButtonID="ImageButton1" TargetControlID="txtDelivery" OnClientShown="DisableWeekend" > </asp:CalendarExtender> 

Y usa el siguiente javascript

 function DisableWeekend(sender, args) { $(".ajax__calendar_day[title*='Saturday'],.ajax__calendar_day[title*='Sunday']").each(function () { $(this).parent().addClass('ajax__calendar_invalid'); }); } 

Si necesita control granular sobre la funcionalidad del control de calendar mediante javascript, sugeriría que eche un vistazo de cerca al file CalendarBehavior.js.

Puedes probar estos:

Javascript

 function DisableWeekends(sender, args) { for(var i=0; i<sender._days.all.length; i++) { for(var j=0; j<6; j++) { if(sender._days.all[i].id == “calendarValidToDate_day_”+j+”_0″) { sender._days.all[i].disabled = true; sender._days.all[i].innerHTML = “<div>” +sender._days.all[i].innerText+ “</div>”; } if(sender._days.all[i].id == “calendarValidToDate_day_”+j+”_6″) { sender._days.all[i].disabled = true; sender._days.all[i].innerHTML = “<div>” +sender._days.all[i].innerText+ “</div>”; } } } } 

.aspx

 <asp:TextBox ID=”txtDate” Enabled=”true” runat=”server” Width=”200px” /> <asp:ImageButton runat=”server” ID=”imageValidToDate” SkinID =”calendarButton” /> <asp:CalendarExtender ID =”calendarValidToDate” runat=”server” TargetControlID=”txtDate” Format=”dd/MM/yyyy” PopupButtonID =”imageValidToDate” FirstDayOfWeek=”Default” OnClientShown=”DisableWeekends”> </asp:CalendarExtender>