使用日曆擴展程序和Javascript驗證日期ASP.NET

如何使用JavaScript禁用日曆擴展程序中的週六和週日。使用日曆擴展程序和Javascript驗證日期ASP.NET

現在，我使用後面的代碼來禁用上次日期，如在此頁面加載。

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

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>

另外，我想從今天禁用天的具體範圍。

例如，如果今天是2012年11月4日，而我想要有10個工作日，則應禁用11月4日至14日之間的日期。

在此先感謝。

來源

2012-11-04 Charles Tan

禁用週末，修改控制標記類似下面

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

，並使用下面的JavaScript

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

如果你需要通過JavaScript在日曆控件的功能精細的控制，我會建議仔細查看CalendarBehavior.js文件。

來源

2012-11-04 21:03:39 Tariqulazam

感謝您的答覆。但週末仍然啓用。我已經修改了控制標記，就像上面張貼的標記一樣。謝謝 –

您收到任何javascript錯誤？ – Tariqulazam

您可以嘗試以下：

的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>

來源

2012-11-08 07:56:06 abramlimpin

使用日曆擴展程序和Javascript驗證日期ASP.NET

回答

相關問題